[Node.js / MongoDB] Database 에 자료 저장하는 법

💡 실습 포인트!

• MongoDB 에 post 라는 이름의 collection 을 생성하여 테스트로 name 이 seoyun, age 가 30 인 데이터를 추가해보았다.
• 테스트 코드를 토대로 하여, /add 경로로 POST 요청할 경우 폼에 입력된 데이터를 DB 에 추가하는 코드를 짜고 MongoDB 에서 확인해보았다.

---

💜 Database / collection 만들기

1. MongoDB Atlas 메인 대시보드에서 Browse Collections 라는 버튼 클릭

 

2-1. Add My Own Data 버튼 클릭

 

2-2. Add My Own Data 버튼이 있는 화면이 아니라 아래와 같이 화면이 뜬다면 Create Database 버튼 클릭

 

3. Database name, Collection name 을 적절하게 정해준 후 Create 버튼 클릭

---

💜 테스트 코드 작성 및 DB 확인하기

🤍 JavaScript 로 코드짜서 DB 와 통신해보기

var db;

MongoClient.connect('mongodb+srv://admin:비밀번호는비밀@cluster0.e8wvg.mongodb.net/myFirstDatabase?retryWrites=true&w=majority', function(err, client){
    if(err) {return console.log(err)};

    db = client.db('app_todo');
    
    // post 라는 db.collection 에 name 이 seoyun, age 가 30 인 데이터 추가해보기
    // 이 부분 코드는 아래 코드블럭에서 확인

    app.listen(8080, function(){
        console.log('listening on 8080');
    });
})

• 페이지 전체에서 사용할 수 있는 전역 변수 db 를 만들어준다.
  var db;
• client.db('app_todo') 함수를 사용하여 app_todo 라는 Database 에 접속해달라는 명령을 해준다. 
  db = client.db('app_todo');
• 테스트로 post 라는 db.collection 에 name 이 seoyun, age 가 30 인 데이터 추가해보았다.
  • 먼저, db.collection 에서 post 를 선택한다.
    db.collection('post')
  • post 에 insertOne() 함수를 사용하여 자료를 추가한다.
    insertOne(추가할 자료, 콜백함수)
  • 추가할 자료는 Object 형식이어야 한다.
    {name : 'seoyun', age : 30}
• 위의 내용을 코드로 작성하면 아래와 같다.

db.collection('post').insertOne({name : 'seoyun', age : 30}, function(err, result){
    // 정상적으로 자료가 추가되었다면 console 에 '저장 완료' 문구 띄우기
    console.log('저장 완료');
});

 

🤍 MongoDB 에서 DB 저장 확인하기

---

💜 폼에서 데이터 가져오는 코드 작성 및 DB 확인하기

• 테스트 코드를 토대로 하여, 내용을 살짝 바꾸어 글쓰기 페이지에서 폼에 내용을 입력한 후 Submit 버튼을 클릭하면 폼에 입력된 내용의 데이터가 DB 에 저장할 수 있도록 코드를 짜고 DB 에서 확인해보았다.

🤍 JavaScript 로 코드짜기

// 누군가가 /add 경로로 POST 를 요청하면
app.post('/add', function(req, res){
    res.send('전송완료');
    
    // 폼에 입력된 데이터가 db.collection 중 post 에 저장된다.
    db.collection('post').insertOne({할일: req.body.content, 마감일 : req.body.date}, function(err, result){
        console.log('데이터 저장 완료!')
    })
})

🤍 글쓰기 페이지에서 폼에 데이터 입력하기

🤍 MongoDB 에서 DB 저장 확인하기