NomadCoders/Zoom-Clone

[#01] Server Setup

Heoky 2022. 7. 7. 00:02

클론 코딩에 앞서 server setup을 위해 먼저 src 폴더를 생성한다.
이후 `server.js`파일을 생성한다.

프로젝트 루트 폴더 안에 `babel.config.json`, `nodemon.json`를 생성한다.
이후 아래의 라이브러리를 받는다.

$npm install @babel/cli @babel/core @babel/node nodemon @babel/preset-env -D

1. nodemon.json

{
  "exec": "babel-node src/server.js"
}

- nodemon은 "exec"의 명령어를 이용해서 이거 하나만 실행되도록 한다.

2. babel.config.json

여기에서는 "presets"을 설정할건데, `npm install @babel/preset-env`이 되어 있는지 확인한다.

{
  "presets": ["@babel/preset-env"]
}

3. package.json

"scripts": {
    "dev": "nodemon"
  },

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


이제 준비가 끝났다. `npm install express`와 `npm install pug`를 해주자.

package.json

{
  ...
  "dependencies": {
    "express": "^4.18.1",
    "pug": "^3.0.2"
  }
}

server.js

const express = require('express');
const app = express();

const handleListen = () => console.log(`Listening in http://localhost:3000/`);
app.listen(3000, handleListen);

'NomadCoders > Zoom-Clone' 카테고리의 다른 글

[#06] WebSoket Events  (0) 2022.07.12
[#05] WebSokets in NodeJS  (0) 2022.07.12
[#04] HTTP vs WebSokets  (0) 2022.07.12
[#03] Recap  (0) 2022.07.11
[#02] Frontend Setup  (0) 2022.07.07