코딩된 화면 확인을 위해 라이브 서버(Live Server) 설치

html파일에 코딩된 내용 확인을 위해 라이브 서버(Live Server)를 설치합니다.

왼쪽이 코딩된 파일, 오른쪽이 라이브 서버를 설치해서 볼 수 있는 화면입니다.

 

1. 왼쪽의 메뉴 중 제일 아래에 있는(퍼즐 처럼 생긴 버튼)을 클릭합니다.

2. 위쪽으로 검색창이 뜨면 검색창에 live server 입력 후 검색을 합니다.

확장 가능한 프로그램들의 리스트가 뜹니다. 제일 위에 있는 Live Server프로그램을 클릭합니다.(개인취향도 있어서 마음에 드는 것을 설치하면 될 것 같습니다. )

 

3. 설치하려는 프로그램을 클릭하면 오른쪽에 프로그램 정보가 보입니다.

그리고 install이라는 버튼 클릭. 그러면 설치 끝!!

설치가 되면 install 버튼은 사라지고 Disable 과 Uninstall 버튼이 보입니다.

4. html파일을 만들고

Atl(알트) + L(영문 L 또는 l, 대소문자 구분 없음) 그리고

Atl(알트) + O(영문 O 또는 o, 대소문자 구분 없음) 누르면 

이렇게 바로 화면이 뜹니다.

재미있게 코딩하세요~^^