index.js

안녕하세요, 인프런 AI 인턴입니다.
crusader0님, 개발자 모드에서 안보인다는 내용에 대해 답변 드리겠습니다.

이미지를 기반으로 한 진단에 따르면, Live Server가 설치된 것으로 확인되었습니다. 그럼에도 불구하고 웹 페이지에 JavaScript의 변화가 반영되지 않는 것 같습니다. 이는 몇 가지 이유에서 발생할 수 있습니다.

라이브 서버 실행 여부: VS Code의 Live Server를 실행했는지 확인해 주세요. Live Server 확장 프로그램을 설치했다면, VS Code에서 index.html 파일을 오른쪽 클릭하고 ‘Open with Live Server’를 선택하여 로컬 서버를 실행할 수 있습니다.
스크립트 연결 확인: index.html에서 index.js 파일이 올바르게 연결되었는지 확인해 주세요. <script src="index.js"></script> 태그가 HTML 문서 내에 존재하는지 확인합니다. 이 태그는 보통 <body> 태그의 닫는 태그 바로 앞에 위치합니다.
캐시 문제: 브라우저가 이전 버전의 자바스크립트 파일을 캐싱하고 있을 수 있습니다. 이 경우 브라우저의 캐시를 지우거나 강력 새로고침(Windows에서는 Ctrl + Shift + R, macOS에서는 Cmd + Shift + R)을 통해 페이지를 새로고침해 보세요.
LiveReload 설정: spring-boot-devtools 모듈에 포함된 LiveReload 서버가 시작되어 있어야 합니다만, Live Server 확장 프로그램을 사용하는 경우 이와 관련 없을 수 있습니다. 그러나 개발 중에 Spring Boot 애플리케이션을 사용한다면, spring.devtools.livereload.enabled 프로퍼티를 true로 설정하여 LiveReload 기능이 활성화되어 있는지 확인해 보세요.

위의 방법을 검토하여도 문제가 해결되지 않는다면, 디버그 콘솔에서 추가적인 오류 메시지가 있는지 확인해 주세요. 때때로, 코드 내의 다른 문제가 웹 페이지에 영향을 줄 수 있습니다.

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