코딩 공부노트/React

[Step3] Mongo DB 연결해보자!

현고미(H-gomi) 2022. 10. 9. 16:33
반응형
이 글은 내가 나에게 설명하는 것처럼 작성한 글이어서
존댓말로 작성되지 않은 점 양해 부탁드립니다. ^^

 

여기에서는 내가 설치하면서 겪었던 문제점이나 기억하고 싶은 내용을 위주로 작성해봤어

 

참! 내가 사용하는 PC환경은 Mac OS Monterey(ver 12.3.1)이고, 칩은 Apple M1 Pro 이니까 참고해! 

 

 

Mongo DB  어플리케이션 코드  생성

(Add your connection string into your application code)


Mongo DB에서 Connection Code 찾는 방법

 

1) 로그인 후 기본화면에서 Connect 누른다!

Connect를 눌러 다음 단계로 이동한다.

 

2) Connect your application을 클릭한다!

2번째 버튼을 클릭한다.

 

3) Add your connection string into your application code 의 코드를 복사해서 저장한다.

코드 옆의 복사 버튼을 누르면 편리하다.

 

 

Mongoose 다운로드 하여 MongDB 손쉽게 사용하자!


Mongoose 설치하는 방법

Mongoose는 Mongo DB 를 손쉽게 사용하기 위한 도구라서 설치해서 유용하게 써보자!
터미널에서 해당 코드를 입력하면 손쉽게 설치할 수 있다.

npm install mongoose --save

( 혹시 npm install과정에서 code EJSONPARSE ERROR 오류가 발생했다면?? 해결방법 보러가기 =>>2022.05.06 - [Node.js & React] - [Step3-1] npm install에서 발생한 code EJSONPARSE ERROR )

 

[Step3-1] npm install에서 발생한 code EJSONPARSE ERROR

이 글은 내가 나에게 설명하는 것처럼 작성한 글이어서 존댓말로 작성되지 않은 점 양해 부탁드립니다. ^^ 여기에서는 내가 설치하면서 겪었던 문제점이나 기억하고 싶은 내용을 위주로 작성해

hyeon-gomi.tistory.com

 

 

Mongoose 연결하는 방법

 

2022.05.01 - [Node.js & React] - [Step2] 개발 환경 세팅을 해보자! 에서 만들었던 index.js에 mongoose를 연결해서 사용할 수 있도록 설정해보자.

아래 코드를 index.js에 추가하고 mongoose.connect내용 중에 <password>를 입력하는 칸에는 개인이 설정한 비밀번호를 입력하면 mongoose를 통해서 mongoDB에 접속할 수 있게 된다.

( 코드에 대한 부가 설명 : 
.then() 으로 입력한 내용은 mongoDB에 정상적으로 접속한다면 보여지는 console.log값이고
.catch() 로 입력한 내용은 mongoDB에 접속을 실패한 경우 err가 발생한 내용을 보여지게 하는 console.log이다.)

const mongoose = require('mongoose')
mongoose.connect('mongodb+srv://hyeon9136:<password>@hyeon9136.ieona.mongodb.net/myFirstDatabase?retryWrites=true&w=majority', {
  useNewUrlParser: true,
  useUnifiedTopology: true,
  useCreateIndex: true,
  useFindAndModify: false
}).then(() => console.log('MongoDB Connect Success!!!'))
  .catch(err => console.log(err))

( 혹시 npm start과정에서 code EJSONPARSE ERROR 오류가 발생했다면?? 해결방법 보러가기 =>>2022.05.06 - [Node.js & React] - [Step3-1] npm install에서 발생한 code EJSONPARSE ERROR )

( 위에 오류를 해결해도 오류가 발생했다면?? 해결방법 보러가기 =>>2022.05.06 - [Node.js & React] - [Step3-2] mongo DB 연결시 발생하는 ERROR 2가지! (MongooseServerSelectionError, MongoParseError))

 

 

글을 마치면서! 


이번 Step에서는 index.js를 mongoose를 통해서  mongoDB에 접속해보았어!

mongoose도 설치하고 오류도 많았지만 그래도 무사히 마무리했다니 기쁘네 ㅎㅎ 

앞으로 더 많은 내용을 학습할텐데 화이팅해서 BoilerPlate완성해보자!


 

[정보 출처]

1) 인프런 : https://www.inflearn.com/course/따라하며-배우는-노드-리액트-기본/dashboard

 

[무료] 따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 - 인프런 | 강의

이 강의를 통해서 리액트와 노드를 어떻게 사용하는지 기본적인 내용들을 배울 수 있습니다., - 강의 소개 | 인프런...

www.inflearn.com

2)Mongo DB : https://www.mongodb.com/kr

 

The most popular database for modern apps

We're the creators of MongoDB, the most popular database for modern apps, and MongoDB Atlas, the global cloud database on AWS, Azure, and GCP. Easily organize, use, and enrich data — in real time, anywhere.

www.mongodb.com

반응형