[NodeJS] 노드 리액트 기초 - MongoDB 연결하기

 

노드에 몽고디비를 연결하는 방법에 대해서 알아보고자 합니다.

 

https://www.mongodb.com/

MongoDB: the application data platform

우선 몽고디비 사이트에 접속해보겠습니다.

 

접속하시고 로그인을해주세요!

만약 계정이 없다면 회원가입도 해주시면 됩니다.

 

저는 회원가입이 되어있기 때문에 그냥 바로 로그인을 했습니다.

이제 클러스터를 만들어줘야 하는데요.

Create an Organization을 클릭해줍니다.

 

원하는 Organization이름을 입력하고 Cloud Service를 MongoDB Atlas로 선택후 다음으로 넘어가겠습니다.

 

Create Organization을 클릭해줍니다.

위아래 두개버튼 모두 같은 버튼입니다.

 

New Project를 클릭해줍니다.

 

원하는 프로젝트의 이름을 정하고 다음으로 넘어갑니다.

 

Create Project를 클릭합니다.

 

뭔가 이제 연결이 될것같은 느낌이 들죠?

Build a Database를 클릭해주세요.

 

가장 오른쪽에 FREE라고 써져있는 것을 클릭해야합니다.

다른 것을 클릭하면 돈나가지 주의해주세요!

 

Create a Shared Cluster에서 역시나 FREE인 Shared에서 아래쪽으로 내려보면 Cloud Procuder & Region이 있습니다.

 

여기서 가장 가까운 지역을 선택한뒤 Create Cluster를 클릭해주면 됩니다.

( Free는 서울을 클릭을 못하네요... ㅠㅠ)

아 그리고 여기서도 FREE 잘 확인해주세요!!

 

 

시간이 조금 소요될수 있나봅니다.

 

일정시간이 지나도 계속 돌고만 있어서...

저같은경우에는 새로고침을 하니까 이렇게 완료가 되었네요!

 

유저 이름이랑 패스워드도 설정해주시고

 

각자의 IP주소에 대한 엑세스 권한을 부여하겠습니다.

 

Finish and Close 버튼이 활성화 됩니다!

그러면 이런 모달창이 뜨게 되는데 Go to Databases를 클릭해주세요.

 

클러스터가 생성되었습니다.

그럼 이제 Connect를 클릭해보겠습니다.

 

이런 화면이 뜨네요!

Connect with the MongoDB Shell을 눌러주세요.

 

I do not have the MongoDB Shell Installed를 선택하고 번호 순서대로 실행하면됩니다.

 

운영체제가 mac이여서 macOS를 선택하고 1번과정을 수행하게 되면 2번이 자동으로 실행되어 바로 3번을 실행하면된다고합니다.

(맥은 명령어 한줄만 입력하면 설치가 바로 됩니다! 그치만 제가 지금 사용하는 컴퓨터는 윈도우이기때문에 윈도우로 실행하겠습니다.)

저는 윈도우 환경에서 파일을 다운받고 C드라이브 바로 아래 넣어두었습니다.

 

mongosh를 클릭해볼까요??

 

터미널창이 뜨면서 이런 글씨가 나옵니다.

 

엔터 치면 이런화면이 나오네요!

뭔가 아이디는 공개되면 안될거같아서...

저는 기존에 설치해두었던 몽고디비에서 컬렉션을 많이 만들어놓았습니다!

 

3번 단계에 있던 명령어는 나중에 사용할거라서 잠시 복사해서 주석처리 해주었습니다.

 

 

 

그리고 앞선 포스팅에 이어서 mongoose도 설치할 예정인데요.

몽구스는 몽고디비를 편하게 쓸수있는 툴이라고 할수있습니다.

npm install mongoose --save

명령으로 몽구스를 설치 할 수 있습니다.

package.json파일을 모면 몽구스가 새로 생겼네요!

 

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

const mongoose = require('mongoose')
mongoose.connect('mongodb+srv://cine:cine@cluster0.7sr4t.mongodb.net/myFirstDatabase', {
  // useNewUrlParser: true, useUnifiedTopology: true, useCreateIndex: true, useFindAnModify: false, 
}).then(() => console.log('MongoDB Connected...'))
  .catch(arr => console.log(arr))

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

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

npm으로 설치했던 몽구스를 가져와서 몽고디비를 연결해보겠습니다.

위에 주석처리한 부분은 몽고디비 6버전 이상일 경우에 기본설정이 되어있기 때문에 한번 더 설정을 하면 에러를 발생시킵니다.

그래서 주석처리 해두었습니다!

또 연결이 성골적으로 되면 콘솔창에 MongoDB Connected가 뜨게 만들었고 실패하면 에러메세지를 출력하도록 만들었습니다.

이렇게 연결하고 저는 기존에 노드앱을 실행하는 명령으로 start를 설정해 두었는데요,

터미널에 npm run start명령을 치면

 

npm run start

연결이 아주 잘됩니다!