[HTML]을 이용하여 Web을 개발하기 위한 세팅!

1. VS Code 설치 

https://code.visualstudio.com/download

Download Visual Studio Code - Mac, Linux, Windows

 

2. 확장 프로그램 HTML CSS Support 설치 

왼쪽의 메뉴바의 Extension을 눌러 HTML CSS Support를 검색하고 설치한다.

 

3. Live Server 설치

 

4. HTML 문서 작성하기 

아래 사진과 같이 +모양을 눌러 파일이름.html을 입력하여 새로운 파일을 만든다.

html 파일 추가

그 후 아래 사진과 같이 ! 를 입력 후 엔터키를 누르면 html의 기본 틀이 생성된다.

html 기본 틀 생성 단축키

 

기본 틀 생성

 

5. 사전에 설치한 Live Server 실행

코드를 작성한 후 오른쪽 마우스를 눌러 Open with Live Server를 클릭한다.

Live Server 실행 방법

 

클릭 후 서버가 실행되며 아래와 같이 작성한 html 문서가 웹 브라우저에서 나타난다.

 

Live Server가 실행되며 웹브라우저가 실행됨

 

❗️주의 : 코드를 수정하면 수정한 내용을 저장하고 웹에서 새로고침을 해야 수정 사항이 보여진다.❗️