https://github.com/RakeshC7/HTML5-Boilerplate 로부터 기본 틀을 가져왔습니다. 처음에 빈 디렉토리로 시작하면 디렉토리 구조 잡거나 하는 것부터가 한세월 걸릴 거 같아 최소한의 HTML/CSS/JS 파일이 포함된 내용은 사실상 거의 없는 가장 간단한 걸로 나름 찾아서 가져온겁니다.
vscode 좌측 확장에서 Live Server를 검색합니다.
사진과 같이 Live Sever과 표시되면 설치버튼을 눌러줍니다.
생략해도 됩니다. (오류 발생시 방법 권장)
Live Server 관리 버튼을 눌러줍니다.
하단으로 스크롤 하여 Live Sever > Settings: Use Local IP에 해당하는 부분인
Use local IP as host를 활성화 시켜줍니다.
그림과 같이 우클릭으로 Open with Live Server를 눌러 실시간으로 반영되는 라이브 서버를 활성화 시킬 수 있습니다.
종료를 원한다면 Stop Live Server를 클릭하면 라이브 서버가 비활성화 됩니다.