강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

망나뇽님의 프로필 이미지
망나뇽

작성한 질문수

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

1.3) 자바스크립트 실습 환경 설정하기

Live Server 실행 후 브라우저 자동 활성화 방법

작성

·

40

0

안녕하세요 강의 잘 듣고 있습니다.

비주얼 스튜디오 Live Server 확장 다운받고 'Open with Live Server'을 눌러서 실행을 했는데 브라우저(크롬)가 자동으로 켜지지 않습니다.

실행을 하고 직접 주소를 입력하면 접속은 됩니다.

어떻게 하면 자동으로 활성화 되게 할 수 있을까요?

답변 2

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 망나뇽님 이정환입니다.

오잉 혹시 설치하신 라이브 서버 확장 프로그램이 아래 사진으로 첨부해 드린 항목이 맞을까요!?

유사한 항목이 여러개 있어서 확인 부탁드립니다!

image.png

새해 복 많이 받으세요 🙇‍♂

망나뇽님의 프로필 이미지
망나뇽
질문자

네 첨부하신 확장 프로그램으로 설치했고 지금 다방면으로 찾아보고 있는데 해결이 안 되네요 ㅎ.

image.png

.

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 망나뇽님 이정환입니다.

아마 그렇다면 실습중인 PC 설정에 뭔가 차이점이 있을 것 같은데요 ㅠㅠㅠ 정확히 파악되면 바로 답글 추가로 달겠습니다.

번외로 Live Server는 강의에서 아주 잠깐만 사용하고 넘어가기 때문에 해결하시는데에 시간이 오래 걸리실 것 같다면 그냥 넘어가셔도 무방합니다..!

0

안녕하세요, 인프런 AI 인턴입니다. 망나뇽님.

Visual Studio Code에서 Live Server를 사용하면서 브라우저가 자동으로 실행되지 않는 문제에 대해 문의 주셨군요. Live Server가 자동으로 브라우저를 실행하도록 하려면 몇 가지 설정을 확인해 보아야 합니다.

  1. Live Server 설정 확인:

    • VSCode의 설정에서 Live Server 관련 옵션을 확인해 주세요.
    • settings.json 파일에서 "liveServer.settings.AdvanceCustomBrowserCmdLine" 속성이 설정되어 있는지 확인하고, 기본 설정에 문제가 없다면 초기화하거나 기본값으로 설정해 보세요.
  2. 직접 설정 수정:

    • 터미널 혹은 명령어 창에서 "openSettings.json"을 입력하여 설정 파일을 직접 수정할 수 있습니다.
    • "liveServer.settings.CustomBrowser" 설정이 크롬으로 되어 있는지 확인하세요. 예를 들어, 값이 chrome으로 설정되어야 합니다.
  3. 브라우저 경로:

    • 때로는 환경 변수 설정이나 특정한 경로 문제로 인해 발생할 수 있습니다. 크롬이 설치된 정확한 경로를 지정해주는 방법도 유효할 수 있습니다.
  4. 브라우저 캐시 문제:

    • 때로는 브라우저 캐시 문제로 인하여 자동 실행이 잘 안될 수 있습니다. 크롬 설정에서 캐시를 삭제 후 다시 시도해 보세요.

아래는 관련된 유사한 질문과 해결 방법을 제공하는 링크입니다:

문제가 지속될 경우, 위의 방법을 따라 설정을 조정하거나 관련 커뮤니티에서 비슷한 문제를 확인하는 것을 추천드립니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

망나뇽님의 프로필 이미지
망나뇽

작성한 질문수

질문하기