📚 Reference

참고 자료 1

🔖 Index

폴더 구조

views
- View.js
  - MVC중 View의 역할을 한다.
  - View 중에서 부모 클래스 역할을 한다.
  - DOM API를 직접적으로 사용한다.
Controller.js
- 생성 시점에 store와 view를 받는다.
helpers.js
- DOM API를 Mapping 해 놓은 것이다.
- DOM API를 직접 사용하지 않도록 하기 위한 것이다.
main.js
- 애플리케이션의 진입점이다.
store.js
- 애플리케이션에 사용할 모든 데이터 들어가 있음, 외부 DB 데이터
Store.js
- MVC중 Model의 역할을 한다.
index.html
- 기본적인 html 구조
- <head></head> 안에 style.css가 있다.
style.css
- 클래스 이름만 가지고 사용하면 된다.

명령어

npx lite-server --baseDir 1-vanilla/

npx lite-server --baseDir ./

npx: Node를 설치하면 사용할 수 있다.
lite-server를 1-vanilla 폴더 기준으로 실행하겠다라는 의미이다.