[React] mongoDB (몽고DB) 연결

이번 시간에는 몽고 DB연결을 하는 방법을 알아보려고 합니다!

 

우선 mongo DB 사이트에 방문해줍니다. 

https://www.mongodb.com/

The most popular database for modern apps

Mongo DB는 계정이 있어야 이용이 가능하기 때문에 회원가입 후 로그인을 완료해줍시다. 

로그인을 마쳤으면 본격적으로 데이터베이스를 만들어 보도록 하겠습니다. 

 

Cluster 생성

로그인 후 All Cluster를 클릭 후 위의 화면이 나오면 create 버튼을 클릭해줍니다

 

그리고 나면 서버 옵션을 선택할 수 있는데 제일 많이 사용하는 aws와  무료로 사용할 수 있는 singapore 지역을 선택해주고 M0 Sandbox를 선택해주면 무료로 사용할 수 있습니다. 

유저 생성 

 

cluster를 성공적으로 생성하였으면 connect 버튼을 클릭하여 유저를 생성해줄 수 있습니다. 

connect 버튼을 클릭하면 mongodb user name과 password를 설정해줍니다. 

이 과정을 마치면

이런 화면이 나오는데 가운데에 있는 connect your application을 클릭해줍니다. 

그러면 코드 한 줄이 생성되는데 이 코드를 복사해둡시다. 

 

Mongoose 다운로드 

mongoose는 mongo db 사용을 편리하게 해주는 툴이기 때문에 다운받아 사용해주도록 합시다! 

 

% npm install mongoose --save

위의 코드를 터미널에 입력하여 mongoose를 다운받을 수 있습니다. 

 

MongoDB 연결

연결하려는 애플리케이션의 index.js 파일에 아래 코드를 넣어주어 mongoDB와 애플리케이션을 연동시켜줍니다.

const mongoose = require('mongoose')

mongoose.connect("mongoURI", {
    useNewUrlParser: true, useUnifiedTopology: true, useCreateIndex: true, useFindAndModify: false
}).then(() => console.log('MongoDB Connected..'))
    .catch(err => console.log(err))

위에서 사용된 mongoURI는 아까 복사해둔 본인의 mongoDB connection string입니다. (복사한 코드에서 <password> 부분은 본인이 처음 설정하였던 mongoDB user password로 적어주셔야 합니다. )

 

이 과정을 모두 마치고 터미널에 npm run start를 해주시면 연결이 잘 되는 걸 확인할 수 있습니다!!