next에서 크롬 모바일로 localhost 들어가기

next.js 로 코딩을 하다가 모바일 화면에서 디버깅을 해야 하는 경우가 생겼다.

이럴 때는 다음과 같이 하면 로컬호스트를 모바일 크롬에서 접속할 수 있다.

• 일단 로컬호스트 서버와 모바일이 같은 네트워크에 있는지 확인한다. (데스크탑은 랜선으로 공유기에 연결되어 있고 모바일은 와이파이로 접속해도 같은 네트워크이다.)

• 윈도우 command에서 ipconfig를 입력한다. 리눅스의 경우 ifconfig이다.

ipconfig

여기서 ipv4 주소를 확인한다.

• 예를 들어 localhost:3000에서 서버가 돌아가고 있다면 ipv4 주소를 localhost 대신에 입력한다. (예 : 192.168.210.23:3000)

• 이렇게 하면 모바일 브라우저(크롬, 파이어 폭스) 에서 데스크탑에 돌아가고 있는 로컬 서버에 접속할 수 있다.

• 그 후 열심히 디버깅이나 코딩을 하면 된다!