live server 관련
141
작성한 질문수 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 관련 설명 링크
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
shrimp task 관련 질문
0
28
2
계획 단계
0
34
2
저는 클로드 로고가 안떠 있어요 ㅜㅜ
0
43
2
terminl을 사용해서 cursor 명령어 입력하는데 커서가 실행되다가 자동으로 꺼집니다 왜그럴까요?
0
37
2
커서가 강의화면이랑 달라요!
0
40
2
강사님 플랜보드 보면서 느끼는건데
0
51
2
ㅋㅓ서화면이 강의화면하고 너무 달라요 ㅜ
0
55
2
클로드 사용 오류
0
63
3
/terminal setup 들어가면 명령어 설정 가능하다던데
0
57
2
claude는 프로젝트 안에서 꼭 시작해야 하나요?
0
55
2
Mac intel 에서 Homebrew 설치
0
50
1
🔥 [필수] 강의교안 & 소스코드 🔥 링크오류
0
54
2
Context7 버전 관련
0
46
2
깃 초기화?
0
54
2
서브에이전트
0
56
2
서브에이전트의 유효성 질문
0
58
2
쉬림프 태스트 매니저 관련 질문
0
59
2
c:가 아니라 D:로 이동 할려면 어떻게 해야되나요?
0
61
2
ultrathink 관련 질문
0
62
2
강의교안이 어디에 있는지 알 수 있을까요
0
64
2
Claude 코드는 앱, 웹, PC Local 등과 별도로 CLI에서 설치하는 이유가 있으신가요. 궁금합니다.
0
44
2
클로드 코드 시작하기: 설치부터 첫 앱 만들기 맛보기 중간 내용 질문입니다.
0
68
2
수강생 커뮤니티 관려
0
70
1
클로드 코드 설치
0
69
2