[Node.js React 기초강의] 03_몽고DB 연결하기

 

 

---

해당 포스팅은 John Ahn님의 [따라하며 배우는 노드, 리액트 시리즈 - 기본 강의]를 공부하며 작성한 포스팅입니다.

※ 출처 : 3강 - https://youtu.be/IHjolKwrjPE?si=I4QGMTF_Og1kZFOV

---

1. 몽고DB 사용을 위해 회원가입하기 

아래의 몽고DB 웹사이트에서 몽고DB를 무료로 시작할 수 있다. 구글 계정을 이용하면 손쉽게 회원가입 및 로그인이 가능하다.https://www.mongodb.com/

MongoDB: 애플리케이션 데이터 플랫폼

---

2. 몽공DB에서 데이터베이스 생성하기

좌측메뉴의[Overview]클릭 후 [Create]를 클릭하여 새로운 데이터베이스를 생성할 수 있다. 가장 우측의 Free버전으로 진행하며 AWS 클라우드를 선택하였다.

 

 

이후 Username과 Password를 설정할 수 있는데, 특히 Password는 Node.js에서 몽고DB 연결시에 필요하므로 꼭 기억해두도록 하다. 

 

위 과정이 끝나면 기본적인 몽고DB의 데이터베이스 생성은 끝난다. 그러면 VS Code로 넘어간다.

---

3. VS code(Node.js) 에서 몽고DB 연결하기

 

3.1 몽구스 (mongoose) 패키지 설치

우선, 몽구스 패키지를 설치한다. 몽구스 패키지는 Node.js의 express.js에서 몽고DB를 손쉽게 연결 및 관리하기 위해 만들어진 패키지이다. 터미널을 켠 후 아래와 같이 엽력한다.

 

#1. npm install mongoose --save 

 

정상적으로 진행시 우측 사진과 같이 몽구스가 패키지에 추가된 것을 확인할 수 있다.

 

3.2 VS Code의 Index.js에서 Node.js와 MongoDB를 연결하는 코드 작성하기

 

📌 노드와 몽고DB를 연결하는 코드

// 몽고DB 연결
const mongoose = require('mongoose')
mongoose.connect('★★★')
  .then(() => console.log('MogoDB가 연결되었다...!'))
  .catch(() => console.log('failed'))

 

 

3.3 몽고DB에서 커넥션 스트링 (Connection string) 복사하여 위 코드안(★ ★ ★ )에 붙여넣기

 

좌측 메뉴의 [Database] → [Connect] 를 선택한 후 [MongoDB for VS Code]를 선택한다. 

 

이후 mongodb+srv:// 로 시작하는 스트링을 복사하여 ★ ★ ★안에 붙여넣는다. 이때, <passwrod>안에는 우리가 2.에서 설정한 비밀번호를 넣어주여야 한다.

 

※ 비밀번호를 잊어버렸을 시 참고 ▶ https://super-ruby.tistory.com/16

[MongoDB] 몽고DB에서 user의 password를 변경하는 방법

---

3.4 터미널에서 Start 하기

연결을 위해 Index.js파일을 저장한 후 다시 터미널을 켜서 npm run start 명령어를 입력하고 엔터를 클릭한다. 정상적으로 연결시 MongoDB가 연결되었다는 문구가 출력된다. 

 

#1. npm run start

 

📌index.js 파일 작성 코드

// express 설치
const express = require('express')
const app = express()
const port = 5000

// 몽고DB 연결
const mongoose = require('mongoose')
mongoose.connect('mongodb+srv://super-ruby:★★★@super-ruby.tcko6th.mongodb.net/')
  .then(() => console.log('MogoDB가 연결되었다...!'))
  .catch(() => console.log('failed'))

app.get('/', (req, res) => { res.send('수퍼루비의 어제보다 빛나는 오늘')})
app.listen(port, () => {console.log(`Example app listening on port ${port}`)})

 

 

실행 결과