모바일에서 localhost 접속하는 법

우리가 반응형 웹사이트를 제작할 때 모바일에서 어떤 식으로 화면에 보이는지 확인해야 할 필요가 있습니다. 그것을 배포 없이 손쉽게 확인하기 위해서 할 수 있는 방법 중 하나인데요.

로컬에서 개발 중인 내 화면을 모바일에서도 쉽게 확인할 수 있는 방법입니다. 모바일 기기에서 아래의 주소로 접속하면 됩니다.

모바일 접속 URL

http://[IP주소]:[port주소]

IP 확인

IP주소를 확인하고 싶다면 아래 방법을 참고하시면 됩니다.

Window OS: https://www.tp-link.com/kr/support/faq/838/ 사이트 참고
Mac OS: 시스템 설정 → 네트워크 → 연결된 와이파이 우측 점 세개 아이콘 클릭해서 네트워크 설정 선택 → 아래 화면에서 IP 주소값 확인

만약 내가 개발하고 있는 localhost주소가 localhost:3000이라면 위에서 찾은 "http://내 아이피주소:3000"로 접속하시면 PC에서 작업하고 있던 화면 그대로 뜨는 것을 확인하실 수 있습니다.