주소록 - 프로젝트 생성 및 mongoose로 DB 연결
소스코드
이 게시물에는 코드작성이 포함되어 있습니다. 소스코드를 받으신 후 진행해 주세요. MEAN Stack/개발 환경 구축에서 설명된 프로그램들(git, npm, atom editor)이 있어야 아래의 명령어들을 실행할 수 있습니다.
cd contact-book
git reset --hard 1c23437
npm install
atom .
- Github에서 소스코드 보기: https://github.com/a-mean-blogger/contact-book/tree/1c23437195c47545b3d60785223271bf497147aa
이번 포스팅에서는 주소록을 만들기 위해 새 프로젝트를 생성하고 mongoose로 DB를 연결합니다.
이번 강의를 진행하기 전에 이전 강의(mlab.com가입 및 온라인 Mongo DB 생성)에서 생성한 DB uri를 환경변수로 MONGO_DB에 저장해 주세요.
프로젝트 생성
프로젝트 폴더를 만들고 npm init으로 package.json을 생성해 줍니다.
Is this ok? (yes)에서 다음으로 넘어가지 않는 경우 ctrl + c를 눌러서 중단해 주세요.
아래 명령어를 입력하여 atom 에디터를 실행해 줍니다.
$ atom .
폴더구조
index.js만 생성합니다.(.gitingore, README.md는 github을 위해 생성한 파일입니다. 만드시지 않으셔도 됩니다.)
Package 설치
아래 명령어를 사용하여 ejs, express, mongoose 세개의 package를 한번에 설치해 줍시다.
$ npm install --save ejs express mongoose
코드
var express = require("express");
var mongoose = require("mongoose");
var app = express();
// DB setting
mongoose.connect(process.env.MONGO_DB, { useNewUrlParser: true }); // 1
var db = mongoose.connection; // 2
// 3
db.once("open", function(){
console.log("DB connected");
});
// 4
db.on("error", function(err){
console.log("DB ERROR : ", err);
});
// Other settings
app.set("view engine", "ejs");
app.use(express.static(__dirname+"/public"));
// Port setting
var port = 3000;
app.listen(3000, function(){
console.log("server on! http://localhost:"+port);
});나머지는 Hello World!강의에서 설명된 내용이고, DB setting 부분만 살펴보겠습니다.
1. 환경변수에 저장된 값을 사용하여 mongoDB에 접속합니다. useNewUrlParser은 옵션인데, Mongoose 5 버전에서 필요합니다. 이부분이 빠지면 경고 메세지가 출력됩니다.
2. mongoose의 db object를 가져와 db변수에 넣습니다.
3. db가 성공적으로 연결된 경우 "DB connected"를 출력합니다.
4. db연결중 에러가 있는 경우 "DB ERROR : " 과 에러를 출력합니다.
실행결과
이번부터는 nodemon을 사용해 서버를 실행하겠습니다.
우선 아래 명령어로 nodemon을 설치해 주세요.
$ npm install --global nodemon
서버를 실행합니다.
$ nodemon
아직 route을 생성하지 않았으므로 브라우저에는 아무 내용이 뜨지 않지만 console에 DB가 정상적으로 접속이 된 것을 알 수 있습니다.
만일 에러가 있다면
$ printenv
를 입력해서 해당 환경변수가 제대로 설정되어 있는지, DB uri 값이 정확한지를 확인해 주세요.
마치며..
이제 DB가 연결되었으니 활용을 해야겠죠?
다음강좌는 DB활용에 대한 기본적인 이론을 알아보고 실습을 하겠습니다.
댓글
이 글에 댓글을 다시려면 SNS 계정으로 로그인하세요. 자세히 알아보기