[react] BE 세팅하기(1) express/mongoose

jieun·2021년 3월 24일
1
post-thumbnail

express 모듈 설치

cd ..
npm i express --save

Express는 웹 및 모바일 애플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 애플리케이션 프레임워크입니다. http 모듈을 이용하여 웹 서버를 구축하고 데이터를 표시하는 방식을 추상화하여 개발을 편리하고 수월하게 할 수 있도록 다양한 API를 제공합니다.

디렉토리, 파일 생성

server 디렉토리 생성
server/index.js 파일 생성

//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}!`))

package.json 파일 수정

...
"scripts": {
    "start": "node index.js",
...

console.log 확인

node index.js

몽고디비 준비

  1. 몽고디비 접속 후 로그인
  2. 프로젝트 생성
  3. 클러스터 생성
    -AWS/싱가포르 선택, 이름 설정
    -약 5분 소요
  4. IP 허용
    -ALLOW ACCESS FROM ANYWHERE 선택
    -add IP address 클릭
  5. 데이터베이스 생성
    -디비유저이름과 비번 입력
    -creat a Database user 클릭
  6. Connect 준비
    -connect your application 선택
    -이름과 비번 포함된 코드 카피

mongoose 모듈 설치

npm i mongoose --save

Body-parser는 Node.js의 POST 요청 데이터를 추출할 수 있도록 만들어 주는 미들웨어이다.

Mongoose는 NoSQL 데이터베이스를 지원하는 노드의 확장모듈입니다. 문서를 DB에서 조회할 때 자바스크립트 객체로 바꿔주는 역할을 합니다.

디렉토리, 파일 생성

server/config 디렉토리 생성
server/config/dev.js 파일 생성

module.exports = {
    mongoURI: '몽고디비준비의 5번에서 카피한 것 붙여넣고 디비비밀번호 대체하기 오류나면 다른버전 카피'
}

루트디렉토리에 .gitignore 파일 생성

//.gitignore

node_modules
dev.js

index.js 파일 수정

//index.js

const express = require("express")
const app = express()
const port = 5000

const config = require('./config/dev')

const mongoose = require("mongoose")
mongoose
.connect(config.mongoURI, {
    useNewUrlParser: true, 
    useUnifiedTopology: true, 
    useCreateIndex: true, 
    useFindAndModify: false
    })
.then(()=>console.log('MongoDB Connected...'))
.catch(err=>console.log(err))

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

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

console.log 확인

npm run start
profile
개발새발 블로그

0개의 댓글