1. [Javascript] Live Server 실시간 디버깅(with VSCode)

"Live Server"는 VSCode IDE를 사용하여 html, css, javascript 로 웹을 개발한다면, 필수적으로 사용하게 되는 확장 프로그램입니다.

 

매번 소스를 수정하고 디버깅할 때마다 실행되어있는 웹을 종료하고 F5 버튼을 눌러 디버깅을 다시 실행하여 적용화면을 보고계신다면, "Live Server"를 사용해주세요.

 

"Live Server"는 VS Code 확장 프로그램으로, 소스 변경 후, 저장(Ctrl + S)으로 웹을 종료할 필요없이 실시간으로 적용이 가능합니다.

---

1. Ctrl + Shift + X 버튼 이나 Extensions 카테고리를 클릭하여 Live Server를 설치합니다.

---

2. VS Code 재실행 후, index.html 편집창 우클릭 > Open with Live Server를 클릭하면 됩니다.

---

적용된 모습.