[NodeJS+Express] 5. MongoDB에서 데이터 꺼내기

이번에는 MongoDB에서 데이터를 꺼내와보자!

 

1. MongoDB의 데이터 형태

꺼내오기 전에 사이트에서 직접 데이터를 저장해보자.

 

세팅이 완료되었다면 이러한 형태로 DB / collection 이 등록되어있을 것이다.

 

[INSERT DOCUMENT]를 눌러서 아래와 같이 {Key: Value}를 입력해보자.

 

이렇게 잘 들어가는 것을 확인할 수 있다!

 

저 한 블록이 document인 것이다.

※ _id 란?
document 생성 시 _id 라는 항목도 함께 생성이 되는데,
이는 document 간 구분을 위한 id 이다.

이때 ObjectId 라는 랜덤 문자를 입력하는데 몇가지 특징이 있다.
1. 중복X / 2. 먼저 만들수록 낮은 ObjectId / 3. ObjectId 대신 임의로 설정 가능(e.g. 1, 2, 3, ... )

 

 

Mongo DB는 document DB이다. 이에 중요한 특징이

수많은 document 중 특정 1개 document를 검색하는 것은 빠르다는 것이다.

하지만 그 안의 내용을 찾는 것은 매우 어렵다.

 

따라서 용도에 맞게 document의 구조를 만드는 것이 좋다!

 

이 프로젝트에서는 한 개의 포스트가 하나의 document가 되도록 관리할 것이다.

 

 

---

2. 페이지 접속 시 DB의 데이터 보여주기

/list 에 접속했을때 DB의 데이터를 보여줄 수 있게 해보자!

 

1) server.js 수정하기

데이터를 꺼내올때에는 아래와 같은 형식으로 가져온 뒤 Array로 만들어준다.

이를 할당한 변수에는 컬렉션의 모든 document가 들어있게 된다.

await db.collections('설정한 collection명').find().toArray()

 

이때 await 을 사용하기 위해서는 그것을 담은 함수의 앞에 async를 붙여주어야 한다.

 

※ await이란?
JS는 비동기처리를 위해서 현재 코드가 실행되는 것을 기다리지 않고 다음을 수행한다.
이를 막기 위해서는 3가지 방법이 존재한다.
1. callback 함수 / 2. .then(Promise에서) / 3. await(Promise에서)

우리가 구현하려는 DB에서 데이터를 가져오는 과정은 처리시간이 필요하기 때문에
await을 이용하여 처리를 기다린 후 진행해야 의도한대로 데이터를 렌더링할 수 있다.

또한 Promise를 반환하는 함수에서 사용할 수 있다. ▼

2022.02.18 - [🌌 | WEB DEV/Vanilla JS] - JS_문법 (5)_동기/비동기 처리

 

아래의 코드를 작성하자! (가장 첫번째 document의 title 렌더링)

app.get('/list', async (request, response) => {
  let result = await db.collection('post').find().toArray();
  response.send(result[0].title);
})

 

2) 확인하기

잘 나온다!

 

 

 

+ 위에서 result 변수를 console.log()로 출력해보면 아래와 같은 형태를 반환한다.