웹 프로젝트 모바일에서 테스트하는 법

지금 하는 프로젝트가 모바일 환경에서의 웹에서 사용하는거라 작동이 잘 되는지 테스트하고 싶었다. 근데 아직 배포도 안했고 테스트하는 방법이 없나 해서 여러 방법들을 생각해봤다.

1. 배포될 때 까지 기다려보기
2. github pages에서 지금까지의 프로젝트를 배포해보기

2번 방법을 해보다가 도저히 내 프로젝트 배포가 안돼서 구글링하다가 더 간단한 방법을 찾아냈다

1. 모바일과 노트북 둘 다 같은 와이파이를 연결해준다

2. 노트북 ip 주소를 알아낸다

   네트워크 > 고급 > TCP/IP > IPv4 주소

   ip 주소를 알아낸다

   

3. 모바일에서 크롬이나 사파리에 들어가서

   https://{ip주소}:3000 경로로 들어간다

   포트 번호가 3000번인 이유는 웹 프로젝트 포트 번호 자동 지정이니까

4. 그럼 화면에 뜬다!