Node.js / express.js

 

1. Node.js 란 ? 

Node.js는 크롬 V8 자바스크립트 엔진으로 만들어진 JavaScipt 런타임입니다.

- 런타임(runtime)은  프로그램이 실행되고 있는 동안의 동작, JavaScript 런타임은 자바스크립트가 구동되는 환경, Node.js를 활용해서 자바스크립트를 구동시킬 수 있는 환경을 만들어주는 것이다.

Node.js가 나오기 전까지는 자바스크립트를 브라우저 내에서만 사용했습니다. Node.js는 자바 스크립트를  서버 사이드에서  사용할 수 있는 언어라고 생각하면 됩니다.  

 

2. express.js 란 ?

node.js를 이용한 프레임워크.

 

 

3. packgage.json

1) dependencies : express 적혀있는 부분 

- 어플리케이션에서 express 라는 라이브러리를 사용할 수 있게 알 수 있게 해주는 역할입니다. 

 

2) node_modules 폴더가 생성되는데 다운받은 라이브러리가 들어가 있음 (수정할 일은 거의 없음) 

 

3) "scripts" : {

"start": "node index.js",

} 

npm run start 를 입력하면 index.js 가 실행이 되는 것. 

 

{
  "name": "boilerplate",
  "version": "1.0.0",
  "description": "따라하며 배우는 노드,리액트 - 기본",
  "main": "index.js",
  "scripts": {
    "start": "node index.js",
    "dev": "nodemon index.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "celine",
  "license": "ISC",
  "dependencies": {
    "bcrypt": "^5.1.0",
    "body-parser": "^1.20.1",
    "cookie-parser": "^1.4.6",
    "express": "^4.18.2",
    "jsonwebtoken": "^9.0.0",
    "mongoose": "^6.8.3"
  },
  "devDependencies": {
    "nodemon": "^2.0.20"
  }
}

 

index.js

- 백엔드의 시작점 

-  port 5000번에서 앱을 실행 시킨다는 뜻

const express = require('express')
const app = express()
const port = 5000

app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`)
})

---

React를 사용하기 위해서 Node.js 를 설치하는 이유?

node.js를 설치하는 경우, npm이 같이 설치되는데, npm이라는 것을 통해 React 개발에 필요한 다양한 모듈을 다운받아 사용할 수 있다.