강의

멘토링

로드맵

Inflearn brand logo image

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

효경님의 프로필 이미지
효경

작성한 질문수

따라하며 배우는 자바스크립트 A-Z

var, let, const

vscode 에서 LiveSever를 통해 연 페이지에 왜 코드가 바로 연동이 되어 출력이 안될까요??

작성

·

105

0

선생님은 입력과 동시에 콘솔창에 출력이 되는게 확인되시는데 저는 콘솔창에 바로 출력이 되질 않아요 이유가 뭘까요?

페이지를 닫았다가 다시 열어야만 출력이 되는데 ...

답변 1

0

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

LiveServer를 사용하여 웹 페이지를 열었을 때 코드가 바로 반영되지 않는 문제에 대해 고민하고 계시네요. 이런 문제는 주로 브라우저 캐시와 관련이 있습니다. 브라우저가 기존 페이지를 캐시하여 새로운 변경 사항을 즉시 반영하지 못할 때 발생할 수 있습니다.

아래 방법을 시도해보세요:

  1. Ctrl + F5 또는 Cmd + R (Mac): 페이지를 강제로 새로 고침하여 캐시를 무시하고 새 페이지를 로드합니다.
  2. Live Server 설정 확인: 일부 설정이 자동 새로고침을 방해할 수 있습니다. VSCode의 Settings에서 Live Server의 설정을 확인해보세요. "liveServer.settings.donotShowInfoMsg" 같은 옵션이 활성화 되어 있지 않은지 체크해보세요.
  3. 확장 프로그램 업데이트: Live Server 확장 프로그램과 VSCode를 최신 버전으로 업데이트합니다.
  4. 브라우저 콘솔 오류 확인: 새로 고침 전후로 브라우저 콘솔에서 오류 메시지가 있는지 확인하세요. 오류가 발생했다면 그 원인일 수 있습니다.

아래 링크는 유사한 질문들에 대한 답변입니다. 이를 참고하여 문제를 해결하는데 도움이 되시길 바랍니다.

  • 페이지에 렌더링이 안됩니다 .. - 코드 변경 시 페이지 반응 문제에 대한 조언
  • 안녕하세요 강사님 질문 있습니다. - Live Server 사용 시 페이지 업데이트 문제

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

효경님의 프로필 이미지
효경

작성한 질문수

질문하기