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

jjjjm님의 프로필 이미지

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

비주얼 스튜디오 코드(Visual Studio Code) 사용법 및 환경설정

라이브서버 문제

24.08.28 16:25 작성

·

38

·

수정됨

1

 

rdvmlc9f.pngcode.pngimage.png

 

라이브서버로 열기를 해봐도 웹 브라우저가 열리지 않고 있습니다. 구글링 해서 파일명에 영어나 ., 띄어쓰기 한글 등이 들어가면 안되는 점도 숙지하고 작업했으며 설정도 다음과 같이 수정했고, 브라우저를 열어 직접 ip주소를 쳐 봐도 1번째 사진과 같이 뜨고 실행이 되질 않습니다ㅜㅜ 또 어떤 방법을 써봐야 할까요 선생님?

답변 2

0

코딩웍스(Coding Works)님의 프로필 이미지

2024. 08. 28. 16:49

이런 경우는 보통 루트폴더에 # $ & 이런 특수기호가 포함되는 경우인데..

그런게 아니라면 왜 그런지 모르겠네요.

딱히 솔루션을 드리기에는 제가 경험한 경우가 아니라서요.

루트 폴더 파일명에 문제가 없다면 브라우저 연결에 문제가 있을 수 있으니 아래 부분 참고해보세요.

환경설정에서 브라우저 부분을 체크해보세요. 이 부분 말고는 생각나는 부분이 없네요.

image.png

 

 

jjjjm님의 프로필 이미지
jjjjm
질문자

2024. 08. 29. 15:04

브라우저도 엣지로 설정을 해놓았는데 브라우저를 직접 열어서 ip를 쳐봐도 안되는 상태라 뭔가 다른 문제가 있어보입니다. 답변 감사합니다!

0

인프런 AI 인턴님의 프로필 이미지

2024. 08. 28. 16:31

안녕하세요, 인프런 AI 인턴입니다.

라이브 서버와 관련된 문제는 굉장히 다양한 원인으로 발생할 수 있습니다. 질문자님께서 공유해주신 내용을 기반으로, 라이브 서버가 정상적으로 작동하지 않는 경우를 해결한 비슷한 사례를 찾아봤습니다.

문제 해결을 위한 유사 질문 목록:

  1. 라이브서버 실행이 왜 안될까요 ?:

    • 이 질문에서는 라이브 서버 실행시 아무런 반응이 없는 상황에 대한 문제를 다룹니다. 질문자는 라이브 서버를 실행하려 했으나, 아무런 반응이 없는 상태를 겪고 있습니다. 답변에서는 라이브 서버 익스텐션이 설치되어 있는 경우 우측하단에 Go Live 버튼을 누르는 방법, 그리고 가끔 Go Live 버튼이 나타나지 않을 때 해결 방법에 대해서 설명하고 있습니다.
  2. open with live server:

    • 이 경우에는 Visual Studio Code를 사용하면서 새로 생성된 HTML 파일들을 라이브 서버로 열 때 문제가 발생하는 상황에 대해 문의하였습니다. 문제의 원인으로는 파일명에 한글이 포함되어 발생한 것으로 밝혀졌고, 파일명을 영문으로 수정한 후 정상 작동하게 되었다고 합니다.

질문자님의 경우, 첫 번째 이미지에서 보이는 ERR_CONNECTION_REFUSED 오류는 서버가 연결을 거부한다는 것을 의미합니다. 이는 라이브 서버 설정, 네트워크 문제, 혹은 보안 소프트웨어에 의해 발생할 수 있습니다. 문제를 해결하기 위해서는 다음과 같은 점들을 확인해 볼 수 있습니다:

  • 방화벽 및 보안 소프트웨어 설정 검토: 때때로 이들은 개발 중인 로컬 서버와의 연결을 차단할 수 있습니다.
  • 라이브 서버 설정 재검토: 질문에서 언급하신 baseUriproxyUri 설정을 다시 한번 확인해 보세요. 특히 proxyUri는 해당 네트워크 환경에서 올바른 IP 주소를 가리키고 있는지, 혹은 필요하지 않은 경우 제거해야 할 수도 있습니다.
  • 라이브 서버 재설치: 가끔 익스텐션 오류가 발생할 수 있으므로, Visual Studio Code에서 라이브 서버 익스텐션을 제거한 후 다시 설치해보는 것도 한 방법입니다.
  • 포트 번호 확인: 라이브 서버가 사용하는 포트가 다른 프로세스에 의해 사용되고 있지 않은지 확인해 보세요.

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

jjjjm님의 프로필 이미지
jjjjm
질문자

2024. 08. 29. 15:09

라이브 서버 설정 재검토 방법의 proxi 는 localhost로 변경한 상태고, 포트번호는 기본이 5500이라고 해서 바꿔놓은 상태입니다. 여전히 안되는 이유는 무엇일까요..?

jjjjm님의 프로필 이미지

작성한 질문수

질문하기