[ Node ] 빠르게 Express로 서버 세팅하기

시작하기 앞서 템플릿은 넙적스~를 쓴다.

템플릿?

pug ejs 등 html에서 반복문 조건문 등을 쓸 수 있다.

다른 템플릿 쓰고 싶다면

app.set('view engine', ejs) 부분,  설치하는 부분만 바꿔주면 된다.

 

파일 세팅

config : database 연결정보를 저장하기 위한 폴더

routes : 라우팅을 위한 폴더

views : 템플릿 (pug, ejs, nunjucks)

server.js : 모든걸 여기에 (특정규칙으로) 때려 박는다.

뭔지 알쥬?

모르시는 분들을 위해 설명드리자면 모듈을 다운로드 받기 위해 초기화 하고 모듈을 다운받는 것!

1. npm init -y
2. npm i express nunjucks chokidar body-parser
3. require

 

server.js 기본세팅 리스트 (안되면 "왜 안 돼?" 하지말고 리스트 보면서 확인)

1) 설치한 것들 require

2) router 경로 구성

3) 넙적스~

4) post 방식 데이터 주고받을 때 필요한 미들웨어 body-parser

5) port번호 설정 (app.listen)

 

// (1)
const express = require('express')
const nunjucks = require('nunjucks')
const bodyParser = require('body-parser')

// (2)
const indexRouter = require('./routes')

const app = express()


// (5)
app.set('port', process.env.PORT || 3333)

// (3)
app.set('view engine', 'html')

// (4)
app.use(bodyParser.urlencoded({ extended: true })) // 이거 더 자세히 알아보기

// (3)
nunjucks.configure('views', {
    express : app,
    watch : true
})

// (2) 
app.use('/', indexRouter)


// (5)
app.listen(app.get('port'), () => {
    console.log('서버 대기중...')
})

 

Routes

쓰는 이유 : server.js에 몰아넣어버리면 진짜.. 복잡해진다..  (모듈화) 모두를 위한 길

/* Page 이동과 관련된 경로 처리 */
const express = require('express')
const router = express.Router()

// 메인페이지로 이동
router.get('/', (req,res) => {
    console.log('main Router')
    res.render('main')
})

//회원가입 페이지로 이동
router.get('/join', (req, res) => {
    res.render('join')
})

//로그인 페이지로 이동
router.get('/login', (req, res) => {
    res.render('login')
})

module.exports = router;

 

만약 /user 경로로 새로운 router를 만든다면?

1. 새로운 user.js 파일을 라우터에 만들고

 

2. 그 파일에 이렇게 작성해준다.

const express = require('express')
const router = express.Router()

module.exports = router;

 

3. server.js(Main) 대빵한테 알려준다.

개발자 : 야 서버.js야 나 라우터 추가했다?

라고 하면 못 알아먹으니까

다정한 우리는 이렇게 알려주자.

userRouter 변수에 require 경로를 넣어줄게~

그리고 이걸 /user 경로로 use해줘! 

const indexRouter = require('/.routes')
const userRouter = require('/.routes/user')


app.use('/', indexRouter)
app.use('/user', userRouter)

 

 

 

이라면 기본세팅은 끝~

 

이제 무한 반복인 것 같으니 leechi 라우터를 만들어봅시다!

[ Node ] 라..라우터? 그게 뭔데..

 

 

mysql 연결방법이 궁금하다면!?

[ Node ] Node.js 데이터베이스(MySQL 연결법)

 

 

-끝-