반응형 웹페이지 개발 시 localhost 외부 접속 설정하기

🔎 문제 상황React와 Vite를 이용하여 웹 애플리케이션을 개발하면서 반응형 웹페이지 또한 구현하려고 시도했다. 하지만 로컬 환경에서 개발하면서 스마트폰으로 해당 URL에 접속하려고 했을 때 문제에 부딪혔다. 문제의 원인기본적으로 Vite를 사용하여 npm run dev를 실행하면 로컬 환경에서는 localhost 주소에 애플리케이션을 실행한다. 이는 개발 단계에서는 문제가 되지 않았으나 스마트폰에서 접속하려고 할 때 문제가 발생했다.(아래 사진은 내가 작업하고 있는 페이지이다. 포트 번호: 5173)💻 해결 방법인터넷을 검색한 결과, package.json 파일을 수정해야 한다는 것을 알게 되었다. Network 부분을 활성화해야 하는데 use --host to expose를 하라고 적혀있다...