[Socket.io] WebSocket 개발 환경 세팅

 

Reference

해당 포스팅은 노마드코더의 '줌 클론코딩' 강좌를 보고 공부한 내용을 토대로 작성한 포스팅입니다.

줌 클론코딩 – 노마드 코더 Nomad Coders

 

 

 

해당 부분 전체 소스코드

works 1 - setting · olive-su/Zoom_Clone_Coding@8cbbcbf

 

• babel : 서버 자동 실행을 도와주는 자바스크립트 컴파일러
• nodemon : 서버 실행
• express : 서버 관리
• pug : 템플릿 관리 (기본적인 레이아웃만 나타냄)

app.set("view engine", "pug"); // view engine 으로 pug 설정
app.set("views", __dirname + "/views"); // 경로 설정

app.get("/", (req, res) => res.render("home")); // home.pug 렌더링 route handler

 

Directory 구성

📁 Fake_Zoom
├── babel.config.json
├── nodemon.json
├── package-lock.json
├── package.json
└── src
    ├── public // 프론트엔드 부분
    │   └── js
    │       └── app.js
    ├── server.js // 백엔드 부분
    └── views
        └── home.pug