HTML :: 기본 설정

J·2024년 5월 22일

HTML

목록 보기
1/5
post-thumbnail

설치 후 설정

  1. 비주얼 스튜디오 코드 - Windows 10, 11 다운 & 설치

  2. extensions 클릭

  3. live server 검색 후 설치 (오른쪽 밑 Go Live 확인:alt + L + O)

동작확인 방법 2가지 있다

  1. 브라우저확인
  2. 노드js : 서브 전용 스크립트

html 템플릿 코드


html 코드가 실행되기 위해서는 web이 필요하다.

Go Live 동작 실행 안될 때

Live Server setting 버튼 클릭

Use Local Ip 체크박스 체크하기

  • 클라이언트가 요청하면 web 서버에서 다시 돌려준다. 돌려주기 위해서는 web브라우저가 필요하다. 웹브라우저 안의 틀을 css라고 하고 깜빡거리는 기능은 js라고 한다.

  • 127.0.0.1 : 인터넷이 연결되지 않아도 사용 가능한 주소

동작 웹창 새창으로 띄우기 설정

  1. 설정 창 열기
  2. 오른쪽 위에 Open Settings(JSON) 클릭
  3. 밑의 내용 추가 후 저장
,"liveServer.settings.AdvanceCustomBrowserCmdLine": "chrome --new-window"


4. 동작 확인해보기 - Go Live

profile
나야

0개의 댓글