뭐든 즐기면서 ;)

NodeJS - express 본문

BACK/NodeJS

NodeJS - express

Tada.*+ 2021. 12. 28. 21:15
728x90

Front : virtual-office

Back : virtual-office-back (아래 설명할 과정을 통해 생성된 폴더)

프로젝트 구조

Express(Back 생성 과정)

1. express를 install합니다.
\project-number-one>npm install express-generator -g


2. express 명령어를 통해 back을 생성합니다.
* --view=Pug는 view engine 종류를 선택하는 것입니다.
\project-number-one>express virtual-office-back --view=Pug


3. back경로로 이동합니다.
\project-number-one>cd virtual-office-back


4. package를 install 해줍니다.
\project-number-one\virtual-office-back>npm install


5. debug모드로 서버를 시작해봅니다.
\project-number-one\virtual-office-back>SET DEBUG=virtual-office-back:* & npm start

express back 기본 폴더 구조

 

/bin/www.js : server 세팅.

/**
 * Module dependencies.
 */

var app = require('../app');
var debug = require('debug')('virtual-office-back:server');
var http = require('http');

/**
 * Get port from environment and store in Express.
 */

var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);

/**
 * Create HTTP server.
 */

var server = http.createServer(app);

/**
 * Listen on provided port, on all network interfaces.
 */

server.listen(port);
server.on('error', onError);
server.on('listening', onListening);

...

 

/app.js 내용

var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');

var app = express();

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', indexRouter);
app.use('/users', usersRouter);

module.exports = app;



** view engine 변경을 원할 경우
www.js
var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);
---- 밑에 아래 코드를 작성
app.set('view engine' , 'pug');

 

** 기본 view 폴더 경로 바꾸려면(기본경로는 views임.)
app.set('views','바꿀폴더명');

728x90
Comments