vite 사용시 모바일에서 개발 서버 확인하는 법
반응형 작업을 할 때 보통은 개발자도구의 Device mode를 사용한다.하지만 이렇게 디바이스 모드로 보는 것과 모바일 기기로 보는 것이 느낌이 다를 때가 있다. 그래서 일할때는 꼭 내 휴대폰으로 한번씩 개발 서버에 접속해실제 모바일기기에서는 어떤 느낌으로 보여지는지 확인하곤 한다. 개인 포트폴리오 작업 중에도 이렇게 모바일 기기로 확인하고 싶어져서방법을 찾아봤다.회사에서처럼 그냥 ip주소로 접속하면 될 줄 알았는데vite를 사용해서 그런건지 package.json 파일을 조금 수정해주어야 했다. (아주 간단함!) [기존 코드] [수정된 코드] "dev"의 vite를 vite --host로 변경해주기만 하면 끝! 서버를 재실행해보면, 기존에는 localhost만 떴던 것과 달리코드 수정 후에는 ip..
tip
2024. 8. 15. 15:52