Visual Studio Code의 Live Server 확장 프로그램에서 발생하는 문제로 보입니다. 먼저 다음 단계를 따라 시도하여 문제를 해결해보세요:
확장 프로그램 업데이트: Visual Studio Code에서 Live Server 확장 프로그램이 최신 버전으로 업데이트되었는지 확인하세요. 먼저 VS Code의 왼쪽 사이드바에서 "확장" 아이콘을 클릭하고 "Live Server"를 검색하여 설치되어 있는지 확인하고, 업데이트 가능한 경우 최신 버전으로 업데이트하세요.
캐시 삭제: 종종 라이브 서버가 캐시를 사용하여 페이지를 로드할 때 문제가 발생할 수 있습니다. 캐시를 지우고 다시 시도해보세요. 브라우저를 열고 캐시를 지우는 단축키 (일반적으로 Ctrl + Shift + Delete 또는 Cmd + Shift + Delete)를 사용하여 브라우저 캐시를 지울 수 있습니다. 그런 다음 다시 VS Code에서 Live Server를 실행해보세요.
HTML 파일 경로 확인: HTML 파일이 올바른 경로에 있는지 확인하세요. 라이브 서버는 현재 열려 있는 HTML 파일의 디렉토리에서 작동합니다. HTML 파일이 다른 디렉토리에 있다면 그 파일을 열어서 확인하고, Live Server를 실행하여 해당 파일을 확인해보세요.
기본 페이지 설정: 원하는 HTML 파일을 기본 페이지로 설정할 수 있습니다. HTML 파일을 열고 해당 파일을 우클릭하고 "Open with Live Server"를 선택하면 해당 HTML 파일이 Live Server에서 기본 페이지로 열릴 것입니다.
라이브 서버 설정: VS Code의 설정에서 Live Server의 옵션을 확인하고 수정할 수 있습니다. VS Code 메뉴에서 "파일" > "기본 설정" > "설정"을 선택하고 검색란에 "liveServer.settings"를 입력하여 관련 설정을 찾을 수 있습니다. 설정을 조정하여 원하는 동작을 얻을 수 있습니다.
위의 단계를 시도하고도 문제가 해결되지 않는 경우, Live Server의 GitHub 페이지나 VS Code 커뮤니티 포럼에서 도움을 얻을 수 있습니다.