01.Requirement

• 백엔드에서 필요한 것(알아야하는 것)
  ExpressJS
  app.get()
  Pug
  (req,res)=>
  package.json
  babel
  nodemon
  백엔드에서 사용될 것이다.

• 프론트엔드에서 필요한 것
  바닐라JS만 이용할 것이다
  (자바스크립트로 HTML에서 요소 가져오거나 생성할 줄 알아야 한다.)
  class 명 추가 또는 삭제도 이해하고 있어야 한다.

웹캠, 마이크가 필요하고 NodeJS 설치가 필요하다.

02.Server Setup

서버가 될 server.js를 생성했고 여기에 모든 것들을 만들어 주면 된다.

Babel 설치 전에 git init .을 해준다

git init .

npm i @babel/core @babel/cli @babel/node -D

touch .gitignore

nodemodules 는 깃헙에 업로드 하지 않을 것이므로

해당 babel 들을 install 해준 상태여야 한다.

script 추가

nodemon이 호출되면 nodemon이 nodemon.json을 살펴보고 거기 있는 코드를 실행할 것이다.

npm i express

npm i pug

포트 3000 을 listen 한다

여기까지 nodeJS 서버 구축
Bable, Nodemon, Express 를 활용하여 NodeJS 프로젝트 설정했다.

다음 section 에서는 Pug를 설정하고 첫번째 View를 설정하고 기본적인 FrontEnd 설정을 해주어야 한다.
또한 static files 도 설정할 수 있을 것이다.

03.FrontEnd Setup