Archive

Auth Boiler Plate with Node.js-개발 환경 구축 및 몽고DB 연동

|

Boiler Plate with Node.js - 개발 환경 구축 및 몽고DB 연동


개발 환경 구축

Node.js와 React를 활용한 Authentication Boiler Plate 제작 강의를 찾았다.

내용도 꽤 좋아보이고 react 복습 겸 node.js 맛보기로 딱이다.

node.js 는 이미 설치가 되어있기에 패스~

npm i --save express 익스프레스 설치 후 package.json의 scripts를 찾아서 다음을 추가한다.

scripts

expressjs.com DOC의 Hello world example을 참고하여 index.js에 간단한 서버 세팅을 진행한다.

const express = require('express');
const app = express();
const port = 5000;

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

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

npm run start로 Hello World! 출력을 확인한다.


몽고 DB 연동

몽고DB 회원가입 후 cluster 생성 후 User 생성

application code를 미리 복사해놓는다

npm i --save mongoose 몽구스 설치 (몽고DB를 편하게 사용하기 위한 라이브러리)

const mongoose = require('mongoose');
mongoose
  .connect(
    'mongodb+srv://<id>:<pwd>@ytubecloneproject.rzk32.mongodb.net/myFirstDatabase?retryWrites=true&w=majority',
    {
      useNewUrlParser: true,
      useUnifiedTopology: true,
      useCreateIndex: true,
      useFindAndModify: false,
    }
  )
  .then(() => console.log('MongoDB Connected..'))
  .catch((err) => console.log(err));

application code에 미리 생성한 User id와 pwd를 넣는다

몽구스의 메소드를 이용하여 connect를 실시

다시 서버를 가동하면 몽고DB에 정상 접속되었음을 알 수 있다



참고 자료


기초 노드 리액트 강의 - John Ahn