Installing Node.js and Setting Up a Dev Environment

방법 1. Extension live server install

-> VSCode 하단에 Go Live 버튼 생김

 

버튼 클릭하면

http://127.0.0.1:5500/starter/

-> 서버 오픈됨

 

Inspect > Console > Live reload enabled.

 

console.log(calcAge(1988));
// prints 34

calcAge 계산한 값이 Console에 찍힌다.

여기서 핵심은 파라미터 값을 변경한 후 browser를 reload할 필요가 없다는 것!

e.g. 1987로 값을 변경하면 콘솔에 자동으로 35 값이 프린트됨

 

html 파일 수정해도 자동으로 reload된다.

 

방법 2. Node.js install

// node version 확인
node -v

// live-server install
sudo npm install live-server -g

cmd + k -> 터미널 창 clear

 

live-server 입력하면 브라우저에 파일이 보인당!

흠.. 근데 왜 chrome이 아니고 safari로 열릴까? ㅋ