웹 프로그래밍 작업을 위한 live server설치

<Do it! HTML5+CSS3>을 기본으로 배운 내용입니다.

 

 

1. atom-live-server 설치

• atom에서 atom-live-server를 설치한다.
• view code 클릭 후 나오는 코드들에서 [keymaps -> atom-live-server.cson]를 선택해 단축키를 확인한다.

• 아톰의 실행할 HTML코드로 돌아가서 [ctrl+alt+3]를 눌러서 작업한 페이지를 확인하면 인터넷 브라우저가 뜬다. 보안경고 기능차단 메시지의 액세스 허용을 눌러주면 live server를 사용할 수 있다. 

 

2. live server 실행

아톰의 실행할 코드에서 [ctrl+alt+3]를 누르면 3000포트의 서버로 웹 페이지가 실행된다.

 

3. live server 종료

아톰의 서버를 실행한 코드에서 [ctrl+alt+q]를 누르면 웹 페이지의 서버가 종료된다.