live server 오류

Question

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

gymcoding · Answer

안녕하세요! 🙂 먼저 안심하셔도 되는 게, localhost:8000 으로 페이지가 잘 열리고 있다면 앞으로 수업 진행에 문제 없어요. 브라우저에서 화면만 잘 나오면 됩니다 👍 그리고 초반에 간단한 실습용으로 live server 사용하고 후반에는 사용안해요 감사합니다 🙂

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴입니다. 대기업목표님. Live Server 오류로 인해 어려움을 겪고 계신 것 같아 제가 도움을 드리겠습니다. 이 오류의 주요 원인과 해결 방법을 몇 가지 설명드리겠습니다. 문제 원인 및 해결 방법 포트 사용 문제 : Live Server가 사용하는 기본 포트 5500 이 이미 다른 프로그램이나 서비스에 의해 사용 중일 수 있습니다. 이 경우 포트를 변경해 주시면 됩니다. Live Server 설정 변경 : VSCode의 settings.json 파일에서 Live Server의 설정을 변경하여 포트를 다르게 지정해 줄 수 있습니다. 다음과 같이 설정해 보세요: "liveServer.settings.port": 8080 변경 후, VSCode를 재시작하고 Live Server를 다시 실행해 보세요. 방화벽 설정 확인 : Windows 방화벽 또는 다른 보안 소프트웨어가 Live Server가 동작하는 것을 막고 있을 수 있습니다. 방화벽 설정을 확인하여 VSCode와 관련된 프로그램이 허용되었는지 확인하세요. 다른 주소로 시도 : http://localhost:5500 대신 http://127.0.0.1:5500 으로 접근했을 때 문제가 발생한다면, localhost 를 활용해 보세요. 다만, 포트 문제로 인해 다른 포트를 사용하고 있다면 위에서 설정한 포트 번호로 연결해 보세요. 설치된 확장 프로그램 확인 : Live Server 외에 잘못된 설정을 유발할 수 있는 다른 관련 확장 프로그램이 설치되어 있다면, 일시적으로 비활성화하여 문제를 진단해볼 수 있습니다. 위의 해결 방법을 적용해 보시고, 문제가 지속된다면 추가적인 오류 메시지나 로그 파일이 있는지 확인해 보시기 바랍니다. 추가적으로 유사한 상황에서 해결 방법을 제시하는 답변을 확인하시려면 다음 URL을 참고할 수 있습니다: - index.html open with live server 관련문의 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.