(Mac) localhost 웹 모바일에서 확인하기

 

작업하는 프로젝트가 당연하게 반응형을 지향하기 때문에 작업하는 틈틈히 chrome에서 개발자모드 모바일 사이즈로 체킹하면서 작업하는데 dropdown이 안 된다는 피드백을 받아서 작업을 진행중인 서버를 모바일에서 열어서 체킹하는 작업을 진행했다.

localhost를 사파리에서 열어볼 수 있는 방법에는 두가지 정도가 있는데, 

 

네트워크 IP 주소로 모바일에서 띄우기

터미널에서 맥은 ifconfig, 윈도우는 ipconfig를 검색해서 ip 주소 찾아서 port와 붙여서 모바일 사파리에서 띄우기 

예를 들어 xxx.xx.x.xx:3000(port) 

 

시스템 환경설정에서 IP 주소 확인하기

mac 기준 시스템설정 > wifi > 세부사항 을 클릭해보면 ip주소를 확인할 수 있다.

 

 

간단하쥬? 



틈틈히 수정작업하면서 새로고침을 하면 바로 반영이 되기 때문에 작업할 때 완전 🍯이다!