CALKO LAB
close
프로필 배경
프로필 로고

CALKO LAB

  • 분류 전체보기 (367) N
    • ALGORITHM (359) N
      • PYTHON (357) N
      • JAVASCRIPT (2)
    • STUDY (7)
      • Python (5)
      • CSS (1)
      • React (1)
    • 기타 (0)
  • 홈
반응형 웹페이지 개발 시 localhost 외부 접속 설정하기

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

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

  • format_list_bulleted STUDY/React
  • · 2024. 1. 13.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (367) N
    • ALGORITHM (359) N
      • PYTHON (357) N
      • JAVASCRIPT (2)
    • STUDY (7)
      • Python (5)
      • CSS (1)
      • React (1)
    • 기타 (0)
인기 글
최근 글
최근 댓글
태그
  • #사칙연산
  • #baekjoon
  • #문자열
  • #수학
  • #백준
  • #python
  • #BRONZE Ⅱ
  • #BRONZE Ⅲ
  • #구현
  • #BRONZE Ⅳ
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바