Node.js

[Node/Zoom줌 클론 코딩] Server Set up

merryna 2022. 6. 4. 14:44
반응형

1. zoom 폴더 생성 후 npm init -y 해주기

C:\Users\user>cd C:\projects

C:\projects>mkdir zoom

C:\projects>cd zoom

C:\projects\zoom>npm init -y
Wrote to C:\projects\zoom\package.json:

{
  "name": "zoom",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

 

* npm init -y 이란 ? 

npm(Node Package Manager) | node.js에서 사용하는 모듈들을 패키지로 만들어 관리하고 배포하는 역할​

package.json | 패키지에 관한 정보와 의존중인 버전에 관한 정보를 담고 있습니다.

​

npm init | package.json를 생성하여 Node 패키지에 관한 정보와 의존중인 버전에 관한 정보로 node.js에서 사용하는 모듈들을 패키지로 만들어 관리하고 배포하기 위해서 사용되는 것입니다. >> package.json이란 파일을 생성하기 위해 사용된다.

 

참고) https://m.blog.naver.com/ckdgh930314/221801015725

 

2. README.md 파일 생성

 

3. npm i nodemon -D

: nodemon 설치를 위한 코드

 

4. 파일 생성

babel.config.json (바벨 설치를 위해)

nodemon.json

src > server.js

 

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

.gitignore도 생성하기

 

6. nodemon.json

: exec 명령어로 서버 실행

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

7. babel.config.json 

: preset 설정

{
    "presets" : ["@babel/present-env"]
}
 
8. npm i @babel/preset-env -D  
* package.json에 설치된 것을 볼 수 있음.

9. package.json scripts 추가

*"dev"는 nodemon을 호출하는 일만 함

nodemon 호출 > nodemon.json를 살펴봄

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

10. express, pug 설치

npm i express

npm i pug

 

11. server.js 수정

 

import express from "express"

const app = express();

console.log("hello");

//port 3000
app.listen(3000);

 

12. nom run dev

반응형