클론 코딩에 앞서 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 |