live server 관련
100
작성한 질문수 3
커서에서 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 관련 설명 링크
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
터미널앱으로 Terminus 사용 문의
0
8
0
스킬생성 후 업데이트.
0
7
1
강의 화면이랑 조금 달라 문의드립니다.
1
9
1
서브에이전트 활용 질문입니다.
0
12
2
plan mode를 진행하는것에 있어서
0
14
1
클로드 코드 설치 관련
0
20
1
스타터킷 중요도에 대한 질문입니다.
0
18
1
전체적인 개발에 대해 문의드립니다.
1
44
1
줄바꿈 시 \ 필수인가요?
0
52
2
2605 이후 최신 클로드코드 강의 추가 부탁드립니다.
0
52
2
커리큘럼 문서 제공받을 수 있을까요?
0
47
1
outputStyle 설정하는데 어디서 문제일까요?
0
33
3
test.txt파일 삭제시 rm명령어이니 클로드의 질문이 있어야 한다고 하셨는데
0
24
2
검은화면
0
33
3
강의교환링크안열려요.....
0
35
2
영상재생에러 [확인부탁드려요!!!]
0
27
2
클로드 채팅에서 코드로 넘어가기
0
42
2
110강부터 따라가기가 힘듭니다...
0
66
2
커서에서 붙여넣기
0
43
2
깃허브 사용시 폴더경로 관련질문
0
29
2
/output-style 명령어는 폐기 되었다고 나오네요.
0
42
2
프롬프트 작성시 html, css, javascript
0
39
2
Cursor 창이 수업 내용과 달라요.
0
49
3
Supabase MCP 관련 질문입니다
0
52
2