[Nodejs] 줌 클론코딩 1

soyeon·2022년 1월 18일
0

nomadcoder에서 진행하는 '줌 클론코딩' 강의를 들으면서 정리해보려고 한다.
nomadcoder 홈페이지

Server Setup

Server를 nodejs로 돌릴 계획이다. 내가 따라하고 있는 강의에서는 npm, babel, nodemon, express을 활용해서 프로젝트 설정을 하고 있다. 이들에 대한 사전 지식이 부족한 것 같아서..😢 프로젝트를 진행하기 전에 알아보려고 한다. 👉🏻따로 정리한 곳

프로젝트 폴더 생성, npm init

  • 내가 원하는 곳에 'zoom'이라는 이름을 가진 폴더를 생성하고, zoom 폴더로 이동한다.
$ mkdir zoom
$ cd zoom
  • zoom 폴더를 하나의 패키지 파일로 만들어준다.
$ npm init -y
{
  "name": "zoom",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

여기까지 되었으면 zoom폴더를 VScode로 열어준다.🌱

필요한 패키지 설치, 파일 생성

패키지 설치

  • nodemon, babel, express, pug를 설치한다.
$ npm i nodemon -D
$ npm i @babel/core @babel/cli @babel/node @babel/preset-env -D
$ npm i express
$ npm i pug

파일 생성

  • babel.config.json, nodemon.json 파일을 생성한다.
babel.config 내용

{
    "presets": ["@babel/preset-env"]
}
nodemon.json 내용

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

"exec" 명령어를 이용해서 nodemon은 "babel-node src/server.js" 하나만 실행하도록 한다.
babel이 나의 코드를 NodeJS 코드로 컴파일을 해주는데, src/server.js파일에 해준다.

  • src 폴더를 만들고, src 폴더 안에 server.js 파일을 생성한다.
server.js 내용

import express from "express";
const app = express();
console.log("hello");
app.listen(3000);

Git

  • git으로 프로젝트를 관리하기 위해서 git init .을 한다.
$ git init .
  • .gitignore 파일을 만들어준다.
$ touch .gitignore

.gitignore 내용

/node_modules
  • github에 레포지토리를 생성하고, 올려준다.

0개의 댓글