1. MEAN Stack
MEAN Stack 어플을 개발하면서 진행하는 과정들을 복습겸 공부하고자 기록한다.
2. MEAN Stack 개발 시작 - Node Server 구동
npm, node.js가 설치되있다는 전제하에 다음 과정을 진행
1) init
- 개발을 진행할 폴더를 만들고 해당 위치에서 Console 창을 열어 [ npm init ] 명령어를 실행한다.
- 폴더명이 sample이라면, C:\~~\sample> npm init 명령어를 실행한다.
- 실행하면 몇가지 질문들이 나오는데 project 이름, 설명, 버전등을 입력하고 main : (index.js) 입력창에서는 index.js 대신 server.js를 입력한다.
- 위 과정을 끝내면 package.json 파일이 생성된다.
2) package.json 설정
- 그대로 해당 폴더에서 계속 진행한다.
- Node.js 구동을 위해 Express.js, Bodyparser, EJS, mongojs 를 설치해야 한다.
- npm install express body-parser ejs mongojs --save 명령어를 통해 package.json에 모듈을 추가한다.
3) server.js
- 기본적인 셋팅은 끝났으며, node.js 구동을 위한 서버를 만들어야 한다.
- server.js 파일을 하나 만들고 다음과 같이 입력한다.
[ server.js ]
var express = require('express');
var path = require('path');
var bodyParser = require('body-parser');
var port = 3000;
var app = express();
var index = require('./routes/index');
// View Engine
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.engine('html', require('ejs').renderFile);
// Set Static Folder
app.use(express.static(path.join(__dirname, 'client')));
// Body Parser Middle Ware
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: false}));
app.use('/', index);
app.listen(port, function(){
console.log('Server started on port '+port);
});
- routes 폴더를 하나 만들고 해당 폴더 안에 index.js를 만든다.
[ index.js ]
var express = require('express');
var router = express.Router();
router.get('/', function(req, res, next){
res.send('Index Page');
});
module.exports = router;
- node server 명령어를 통해 서버를 구동한다. ( http://localhost:3000 )
