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

안지훈님의 프로필 이미지

작성한 질문수

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

6. 동물 앨범 만들기-3

Live Server

해결된 질문

24.09.27 15:08 작성

·

29

1

코드 관련 질문은 아래와 같이 '코드블럭' 기능을 이용해주세요!
+ 오류 메세지도 함께 올려주시면 좋아요 🙂

console.log('hello');

 안녕하세요.

혹시 Live Server 질문도 같이 올려도 될까요..?

효빈님께서 라이브 서버 실행하실 때 127.0.0.1:5000 으로 실행이 되시는데 저는 제 아이피 주소 뒤로 공부하는 폴더의 경로가 전부 찍히게 되어서

window.location.pathname 이 콘솔 창에 안찍히게 되더라구요..

VSC에서 Live Server Extensions을 싹 다 지우고 다시 설치해도 초기화가 안되네요..(전에 한 번 Live Server 설정을 건들인 적이 있습니다ㅜㅜ)

답변 2

1

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

2024. 09. 27. 15:10

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

Live Server 관련해서 겪고 계신 문제에 대해 유사한 질문과 답변을 제공할 수 있는 링크를 찾아봤습니다.

다음 URL을 참고해 보시면 도움이 될 것 같습니다:

  • 코드샌드박스 환경 설정 부분 질문 있습니다: 이 게시물에서 코드샌드박스와 브라우저 설정 문제에 대해 다루고 있으며, 캐시 및 쿠키 설정에 문제가 있을 경우 해결 방법을 제공하고 있습니다. 이와 유사하게 Live Server 설정 문제도 브라우저의 캐시 및 쿠키 삭제를 시도해보면 도움이 될 수 있습니다.

  • consol.log설정: 이 질문에서는 콘솔 창 문제를 다루고 있으며, VSC 설정을 재설정하거나 오류를 해결하는 방법을 포함하고 있습니다.

Live Server 관련 설정 문제는 브라우저와 VSC 설정 모두를 확인하는 것이 중요합니다. Live Server 설정 초기화가 안 될 경우, VSC에서 설정 파일(settings.json)을 직접 수정하거나 삭제하고, Live Server 확장 기능을 재설치해보는 것도 한 가지 방법입니다.

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

0

효빈 Hyobin님의 프로필 이미지
효빈 Hyobin
지식공유자

2024. 09. 27. 15:37

안녕하세요 🙂

window.location.pathname은 자바스크립트에서 현재 웹 페이지의 경로를 나타내기 때문에,
현재 위치의 폴더 경로가 전부 찍히게 됩니다.

 

따라서 이를 해결하기 위해서는, 실습 코드가 있는 폴더를 VSCode에서 열고 실행하시면 될 것 같습니다.
예를들어, javascript/trip-wiki 에 실습 코드가 작성되어 있다면, VSCode에서는 javascript 폴더가 아닌, trip-wiki 폴더를 선택해 해당 폴더를 열어 LiveServer를 누르시면 오류 없이 실습을 하실 수 있습니다!!