이것저것

Node.js와 Express.js, MongoDB 설치까지 본문

JS 프레임워크/React

Node.js와 Express.js, MongoDB 설치까지

곰태태 2021. 1. 14. 16:59
반응형
SMALL

1. node가 나옴으로 javascript를 인터넷익스플로어가 아닌 다른 서버사이드에서 쓸수있게 됬다.

2. node가 자동차의 엔진이라고 하면 엔진과 바퀴 문짝등을 가지고 만드는 것을 express이다.

한마디로 node를 조금더 쉽게 이용할 수 있는 프레임워크라고 할수 있다.

 

설치.

터미널을 키고 node -v를 쳐서 버전이 나오면 있는거고 없으면 다운로드

구글에서 nodejs설치

 

폴더생성.

document 폴더에서 폴더를 하나더 생성 mkdir boiler-plate

npm init

npm으로 패키지 생성

 

파일생성.

index.js 파일 생성

index.js는 시작점이다.

 

express.js 다운로드.

vscode 내의 terminal

npm install express --save

package.json에 들어가면 express가 표시된것을 확인 할 수 있다.

expressjs.com/ko/starter/hello-world.html

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 at http://localhost:${port}`)
})

1. express 모듈을 가져온다.

2. app을 express를 사용해 만든다.

3. 5000번 포트를 사용하겠다.

4. root 디렉터리에 가면 실행하도록 하겠다.

5. app을 5000번에서 실행하겠다.

 

실행.

package.json으로 들어가서 script 부분에

"start" : "node index.js"를 입력한다.

npm run start를 하면 node index.js 파일을 실행하겠다는 뜻이다.

 

mongoDB와 연결.

mongoDB사이트에서 설치

atlas와 연동할꺼이기때문에 mongoDB가입

cluster 만들기, 

aws로 선택 가장 가까운곳은 한국이 없어서 무료티어인 싱가폴 선택.

MO Sandbox가 무료이니 선택하고 클러스터 네임입력

connect 클릭 username 입력 password도 입력(기억해야함)

connect application 선택, connection String only의 코드를 복사

 

mongoose 다운로드.

mongoDB를 편하게 사용할 수 있는 툴이다.

터미널에 npm install mongoose --save를 입력

package.json에 들어가게된다.

index.js에서

const mongoose = require('mongoose')
mongoose.connect('mongodb+srv://test:test@cluster0.vviqa.mongodb.net/test?retryWrites=true&w=majority', {
  useNewUrlParser: true, useUnifiedTopology: true, useCreateIndex: true, useFindAndModify: false
}).then(()=> console.log('MongoDB Connected....'))
  .catch(err => console.log(err))

 

위와 같이 입력해주는 이유는 우선 입력을 안하면 오류가 난다고 했다 자세한 설명은 안해줌

connection String only에는 <password>부분에는 비밀번호를 입력해줘야한다.

.then은 mongoDB와 연결이 잘 되는지 log를 찍기위해서 작성

.catch는 오류가 발생했을때 어떤 오류가 나는지 보기위해서 작성

반응형
LIST

'JS 프레임워크 > React' 카테고리의 다른 글

Node.js  (0) 2021.04.06
MongoDB Model과 Schema  (0) 2021.01.14
동적인 주소값  (0) 2020.08.03
redirect  (0) 2020.08.03
리액트에서 axios 사용하기  (0) 2020.08.03
Comments