[Web] Live Server 확장 플러그인

 

안녕하세요 성조입니다.

---

클라이언트 사이드 Web API가 포함된 Javscript Code를 확인하기 위해서는 Vscode에서 터미널 환경이 아닌 브라우저의 환경에서 실행해야 됩니다.

다시 말하면 javscript의 경우 Node.js을 통해서 터미널로 코드의 실행을 확인할 수 있으나 html과 같은 파일을 작업하는 경우 확인하기가 불편합니다.

이런 경우를 위해서 Live Server 확장 플러그인을 설치하여 사용하면 실시간으로 확인하면서 수정할 수 있다는 장점이 있습니다.

바로 설치를 진행하겠습니다.

Vscode로 진입합니다.

위와 같은 창이 실행됩니다.

 

좌측에 확장 버튼을 클릭합니다.

다음과 같이 좌측에 바로 나오는 경우도 있지만 Live Server가 없는 경우가 있을 수 있습니다.

 

Live Server를 검색합니다.

 

Install 버튼을 눌러줍니다.

설치가 완료되면 다음과 같이 하단에 Go Live가 나타납니다.

설치가 완료된 것입니다!

이제는 HTML 파일을 코딩 후  Go Live 버튼을 누르면 자동으로 로딩됩니다.

 

---

짧은 포스팅 읽어주셔서 감사합니다.

오타나 문제가 있는 경우 언제든지 댓글 부탁드리겠습니다.

다음 포스팅 때 뵙겠습니다!