blackchadol / coursegraph-js

HTML5로 전공과목 정보 YAML 파일을 전공이수체계도나 표로 시각화하는 프로젝트

coursegraph-js

https://github.com/RakeshC7/HTML5-Boilerplate 로부터 기본 틀을 가져왔습니다. 처음에 빈 디렉토리로 시작하면 디렉토리 구조 잡거나 하는 것부터가 한세월 걸릴 거 같아 최소한의 HTML/CSS/JS 파일이 포함된 내용은 사실상 거의 없는 가장 간단한 걸로 나름 찾아서 가져온겁니다.

Live Sever 사용법

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를 클릭하면 라이브 서버가 비활성화 됩니다.

---

그림과 같이 우측 하단에 Go Live를 눌러서 실행 하면 라이브 서버를 활성화 시킬 수 있습니다.