2. boilerplate - 몽고DB에 연결

boilerplate 유튜브 강의 시리즈 두 번째

MERN STACK Boiler Plate #3 CONNECT TO MONGO DB(한글자막) (React JS, Node JS)

 

1. 몽고 DB 회원가입

 

몽고 DB 사이트에 접속하여 회원가입을 한다.

 

2. free tier로 클러스터 생성

 

아쉽게도 우리 나라는 Resion에 없기 때문에 가장 가까운 싱가포르를 선택한다.

 

Free forever로 잘 선택하고 클러스터를 생성한다. (몇 분 소요됨)

3. 클러스터 connect 세팅

 

왼쪽 위에 보이는 CONNECT 버튼을 클릭한다.

 

Add Your Current IP Address 버튼을 누르고 Add IP Adress를 눌러 클러스터에 IP를 연결한다.

 

Create a Database User 항목에서 서버에서 연결할 때 사용할 Username과 Password를 설정하고 Create 버튼을 눌러 Database User를 생성한다.

 

Choose a connection method 클릭

 

Connect your application 클릭

 

connection string을 복사한다.

4. mongoose 모듈 및 type definition 패키지 설치

npm i -S mongoose 
npm i -D @types/mongoose

 

5. index.ts에 mongoose 연결 코드 추가

 

위에서 복사했던 connection string을 아래 코드의 uri에 넣으면 되는데

<password> 부분을 지우고 위에서 설정했던 password를 넣는다.

<dbname> 부분을 지우고 본인이 만든 dbname을 넣는다.

import express from 'express';
const app = express();
const port = 3000;
import mongoose from 'mongoose';
const uri = 'mongodb+srv://inseop:<password>@cluster0.v2bfu.mongodb.net/<dbname>?retryWrites=true&w=majority';
mongoose.connect(uri, { useNewUrlParser: true, useUnifiedTopology: true })
        .then(()=>console.log('DB connected'))
        .catch(err=>console.log(err));


app.get('/', (req: express.Request, res: express.Response)=>{
    res.send('Hello World');
});

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

 

실행

npm start

 

결과