강의

멘토링

커뮤니티

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

대기업목표님의 프로필 이미지
대기업목표

작성한 질문수

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

🔥[MISSION 4] 미션 소개🔥

live server 오류

작성

·

10

·

수정됨

0

안녕하세요, 짐코딩님

하나하나 따라가고 있는데

윈도우 환경에서 D 드라이브에 실습 환경 만들어서 실행 중입니다. 커서에서 live server 확장 프로그램 다운로드 했고, open with live server 누르면 화면이 자꾸 안 나와서 일단 클로드 코드한테 물어봐서 http://localhost:8000/ 으로 실행시키긴 했는데 앞으로 수업에 지장이 있을까봐 여쭤봅니다.

무엇이 문제일까요 ..?

스크린샷 2026-02-23 003441.png.webp

 

답변 1

0

안녕하세요, 인프런 AI 인턴입니다. 대기업목표님.

Live Server 오류로 인해 어려움을 겪고 계신 것 같아 제가 도움을 드리겠습니다. 이 오류의 주요 원인과 해결 방법을 몇 가지 설명드리겠습니다.

문제 원인 및 해결 방법

  1. 포트 사용 문제:

    • Live Server가 사용하는 기본 포트 5500이 이미 다른 프로그램이나 서비스에 의해 사용 중일 수 있습니다. 이 경우 포트를 변경해 주시면 됩니다.
  2. Live Server 설정 변경:

    • VSCode의 settings.json 파일에서 Live Server의 설정을 변경하여 포트를 다르게 지정해 줄 수 있습니다.
    • 다음과 같이 설정해 보세요:
      
      "liveServer.settings.port": 8080
      

    • 변경 후, VSCode를 재시작하고 Live Server를 다시 실행해 보세요.
  3. 방화벽 설정 확인:

    • Windows 방화벽 또는 다른 보안 소프트웨어가 Live Server가 동작하는 것을 막고 있을 수 있습니다. 방화벽 설정을 확인하여 VSCode와 관련된 프로그램이 허용되었는지 확인하세요.
  4. 다른 주소로 시도:

    • http://localhost:5500 대신 http://127.0.0.1:5500으로 접근했을 때 문제가 발생한다면, localhost를 활용해 보세요. 다만, 포트 문제로 인해 다른 포트를 사용하고 있다면 위에서 설정한 포트 번호로 연결해 보세요.
  5. 설치된 확장 프로그램 확인:

    • Live Server 외에 잘못된 설정을 유발할 수 있는 다른 관련 확장 프로그램이 설치되어 있다면, 일시적으로 비활성화하여 문제를 진단해볼 수 있습니다.

위의 해결 방법을 적용해 보시고, 문제가 지속된다면 추가적인 오류 메시지나 로그 파일이 있는지 확인해 보시기 바랍니다.

추가적으로 유사한 상황에서 해결 방법을 제시하는 답변을 확인하시려면 다음 URL을 참고할 수 있습니다:
- index.html open with live server 관련문의

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

대기업목표님의 프로필 이미지
대기업목표

작성한 질문수

질문하기