0️⃣ 모바일에서 localhost를 열어야만 하는 상황
F12를 통해 모바일 반응형을 보는 게 한계가 있을 때가 있다. 물론 여러상황이 있겠지만 나 같은 경우엔 반응형 Swiper 화면이 PC에서 반응형으로 보면 제대로 Swipping 되지 않는데, 실제 디바이스에서는 제대로 Swipping 되는 버그가 발생했었다. 이를 확실하게 확인하기 위해서 모바일 디바이스에서 로컬 환경을 열어야만 했다.
1️⃣ 같은 WIFI 연결하기
우선 맥북을 기준으로 설명하겠다. 우선 맥북이 현재 연결되어있는 와이파이와 내가 로컬에 접속하고 싶은 모바일 디바이스의 와이파이가 일치해야한다. 때문에 이렇게 연결되어 있는 와이파이를 확인하고, 맥북과 휴대폰의 와이파이를 일치시킨다.
2️⃣ 현재 WIFI IP 주소 확인하기
맥북의 와이파이 설정을 들어가서 현재 연결되어있는 와이파이 세부사항을 누른다.
그리고 스크롤을 좀 내리다보면 바로 IP주소가 보이는 것을 알 수 있을 것이다. ex) 192.168.0.15
3️⃣ 휴대폰 웹브라우저에서 localhost 접속하기
이제 IP 주소를 알았으니 아래와 같이 입력하면 로컬 환경의 작업물을 손쉽게 휴대폰에서 볼 수 있다.
http://찾은IP주소:포트번호
ex) http://192.168.0.15:8080