VS Code 2010> Open with live server 창이 안뜰떄 어떻게 세팅해...

VS Code 2010> Open with live server 창이 안뜰떄 어떻게 세팅해...

작성일 2023.10.30댓글 1건
    게시물 수정 , 삭제는 로그인 필요

아무리 구글링해서 VS Code 창에서 설정 변경 세팅을 해도 계속 창이 안 뜹니다.

일단 제가 쓰고있는 VS Code 창을 사진 한장 첨부하겠습니다.




그리고 서버가 동작하지 않고, 자꾸 오류가 뜨는 창 사진도 한장 첨부하겠습니다.




이렇게 크롬창에 아무것도 안뜹니다. 이거 도대체 어디에 문제가 있나요?

제가 비주얼 스튜디어 코드를 거의 6개월 만에 써서(6개월 전에는 잘 구동됨) 세팅이나 데이터가 완전 엉망인건 압니다만, 구글링해서 따라해봐도 도무지 위에 사진 처럼 이런 창만 계속 뜨는군요.

그리고 내일이 바로 학원 Javascript 코딩 테스트(4문제 2시간 부여) 아직 연습을 별로 못해서 고민이 많습니다. 게다가 시간이 너무 촉박합니다. 빠르고 신속한 답변 부탁 드리겠습니다.

명확하고 초보자도 이해하기 쉬운 답변 부탁 드립니다~!

내공 100 겁니다!




#vs code #vs code download #vs code 한글 #vs code 단축키 #vs code 파이썬 #vs code c언어 #vs code git 연동 #vs code c++ #vs code 사용법 #vs code ssh 연결

profile_image 익명 작성일 -

안녕하세요 답변이 좀 늦었는데 한마디로 말하면 세팅이 잘못된게 아니라 잘못적으신겁니다.

파일명 자체가 HTML인데 HTML의 뼈대가 없습니다. 기본적으로 HTML은

HTML 기본 뼈대

이런식으로 작성하며 body 태그 안에 작성된 코드가 웹 사이트에 보여지게 되는겁니다.

(VS Code에서 코드 작성란에 !(느낌표) 쓰고 엔터를 누르시면 전체 자동완성)

VS Code 자동완성

작성자분 사진을 보시면 그냥 script 태그만 적으셨는데 script는 그냥 javascript 코드를 작성하는거라 안보이는게 당연합니다.

질문의 맥락상 HTML, CSS, Javascript 기본을 이해 못하신거 같아 간단히 설명하면

기본적인 웹 사이트는

HTML -> 기본 뼈대 (연필이라고 생각하시면 됩니다.)

CSS -> 꾸미기 (font-size, 요소 배치, 넓이 높이 지정 등등)

Javascript -> 기능구현 (Click Event, Scroll Event, API, Cookie 등등)

크롬창에 아무것도 안보입니다 라고 말씀하시는 거는 화면에 글자가 안보이신다는건데 화면에 글자가 보일려면 HTML를 작성하는게 맞겠죠..?

코드에 console.log가 있으니 개발자도구(f12)에 보시면 console은 찍히실 겁니다.

질문자분 첫 번째 사진 오른쪽 하단에 보시면

"head 또는 body 태그가 없으면 실시간 새로고침이 불가능합니다" 라고 나와있네요

vs코드 라이브서버 질문

... 나오더라그요,,, 어떻게 고치나요??? ㅠㅠ 빨리... 먼저 VS Code의 왼쪽 사이드바에서 "확장" 아이콘을... 우클릭하고 "Open with Live Server"를 선택하면 해당 HTML...

당나귀에 파일 어떻게 올려요?

... 그럼 당나귀를 어떻게 사용하는지 간단하게... 그 외에 프록시 세팅이나 필터등은 디폴트로 그냥 쓰시는... //Order EA with ';' Separated _TRK_CC = ""; //Campaign Code _TRK_RK...

이 컴퓨터 사양에 대한것좀..

... 등을 어떻게 바꿔야할까요? 글픽카드와 램을 바꾸면서... 바꿔야한다면 어떻게? 또 드라이버 업데이트로 가능하다면 어떻게...

IPv6 헤더구조 관련하여 에러 문의...

... 버린다면 어떻게 되겠는가? 물론, 안된다.... 7 계층 vs 4 계층 2. 모델(방식, 형식) vs 2개가 하나로... OSI 7 Layer는 Open System Interconnection(개방형 시스템 상호접속) 7 Layer...