줌 클론코딩 #0 INTRODUCTION

1. #0.0 Welcome (01:13)

js만으로 프로그램 만들어볼 것.

웹소켓, 채팅방 생성, 개인 메세지 기능 등을 100줄 이하로 구현

 

NodeJS가 실시간 기능 구현에 좋다.

 

2. #0.1 Requirements (03:24)

근데 ExpressJS에 대해 알고있어야 하고, Pug가 뭔지도 알아야 하고, template도 뭔지 알아야 한다.

...~~~

 

...아직 준비가 안되었다...지만 이전 강의는 유료이니 일단 해보자.

 

3. #0.2 Server Setup (07:17)

프로젝트 설정.

원래는 package.json, Nodemon, Babel 등 이 뭔지 알고 있어야 함...

 

npm 설치하고 파일들 만들어줌

 

git init .

 

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

 

~~~~~....

 

4. #0.3 Frontend Setup (08:53)

js 수정할때만 반응하도록 nodemon 설정

 

Pug로 view engine 설정, Express로 template...~~~~

 

5. #0.4 Recap (04:09)

Nodemon

우리 프로젝트를 살펴보고 변경사항 있을 대 서버를 재시작해주는 프로그램.

서버를 재시작하는 대신 babel-node를 실행하게 되는데, Babel은 우리 코드를 NodeJS코드로 컴파일 ...

 

public 파일들은 FrontEnd에서 구동되는 코드.

server.js는 BackEnd에서 구동, app.js는 FrontEnd에서 구동될 것.

 

유저가 볼 수 있는 폴더 따로 지정.

 

server.js에서 app.get(~~~~~)하는거는 Spring에서 url 맵핑하는것과 비슷해보임.

https://github.com/NewChoBo/zoom