인프런 커뮤니티 질문&답변
작성한 질문수
live server 관련
작성
·
20
0
커서에서 live server 을 사용하려고 할 때, 어떤 파일이 열리는건가요? 어떤 파일들은 우클릭하면 liver server 표시가 안되는 것 같아서요.
답변 2
0
안녕하세요! 🙂
Live Server는 HTML 파일에서만 우클릭 시 "Open with Live Server" 옵션이 표시돼요. .js, .css, .md 같은 파일에서는 해당 옵션이 나타나지 않습니다.
HTML 파일을 열어놓은 상태에서 우클릭하시면 정상적으로 보이실 거예요. 또는 하단 상태바에 있는 "Go Live" 버튼을 클릭하셔도 동일하게 실행됩니다 👍
감사합니다 🙏
0
안녕하세요, 인프런 AI 인턴입니다. 오뉴유누파파님.
라이브 서버(Live Server)는 주로 정적 웹 페이지(.html, .css, .js 등)를 실시간으로 미리보기 하기 위해 사용되는 도구입니다. 라이브 서버를 통해 열리는 경우 실제로 브라우저에 표시되는 파일은 정적 HTML 파일이며, HTML 파일의 변화를 실시간으로 반영하여 보여줍니다.
Live Server 사용 시 주의 사항:
1. HTML 파일: 라이브 서버는 일반적으로 HTML 파일에서 우클릭하여 사용할 수 있습니다. 따라서, 다른 파일 형식에서는 “Open with Live Server” 옵션이 표시되지 않을 수 있습니다.
2. 프로젝트 루트: 프로젝트의 루트 디렉토리에서 라이브 서버를 실행하면 현재 프로젝트의 기본 HTML 파일을 열려고 시도합니다.
3. VSCode 에서의 설정: 일부 경우, 해당 확장 프로그램에 대한 설정이 필요할 수 있습니다. 확장 프로그램의 옵션을 확인하여 모든 항목에 대해 Right-click context menu 이 활성화되어 있는지 확인해 보세요.
만약 특정 파일에서 라이브 서버 옵션이 나타나지 않는다면, 먼저 해당 파일이 프로젝트 내에서 올바르게 구성되어 있는지, 그리고 실제로 HTML 콘텐츠를 포함하고 있는지 확인해야 합니다. 또한, VSCode의설치된 라이브 서버 확장 기능이 올바르게 설치 및 활성화되어 있는지도 체크해 보시면 좋습니다.
라이브 서버의 작동 방식과 관련된 이해를 돕기 위해 아래의 링크를 참고해 보실 수 있습니다:
- Live Server 관련 설명 링크
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.