모바일에서 local 환경보기

현재 만들고 있는 서비스가 웹으로 만들었지만 사이즈는 모바일크기로 만들어서 배포하고 있는데, 매번 f12에서 확인하려면 번거로움이 있었다. 그러던중 좋은 방법을 찾아서 공유하려고 한다.

1 . 가능 조건

우선 본인의 모바일과, 본인이 현재 개발하고 있는 도구 (ex:노트북,컴퓨터)가 같은 와이파이를 공유해야 한다.

그리고 맥북은 터미널에 ipconfig getifaddr en0,
윈도우는 cmd창에 ipconfig를 이용해서 본인의 ip를 알아낸다.

필자는 맥북에서 개발을 하고 위와같이 ip주소가 나왔음을 알수 있습니다.

2 . 실행 방법

이제 위에서 얻어낸 ip주소:본인의 로컬주소/꼴로 나타내주면 되는데 필자는 로컬주소가 3000번이므로 아래 사진처럼 했다.

위와 같이 주소를 잘 입력하면 아래처럼 local환경을 모바일로 확인가능하다. 짱짱!