[node.js] 복습2. 간단한 게시판

너무 오랜만이라 간단하게 복습 !

홈에서 입력된 제목과 내용을 정적 파일로 저장하는 게시판

기능 : 글 작성, 파일로 저장, 글 목록, 저장된 글 내용 보기

엔트리 파일 : app.js

// 1. 사용할 모듈, 객체 가져오기

var express = require('express')     var app     = express()     var bp      = require('body-parser')     app.use(bp.urlencoded({extended: false}));     var fs      = require('fs')     // app.use(express.static('files')) // writeFile에는 적용되지 않는다...

// 2. 템플릿 엔진 설정

app.set('view engine', 'jade') app.set('views', './views')

// 3. 라우터 설정

app.get('/', (req, res) => {   res.render('home') }) app.post('/new', (req, res) => {   var title = req.body.title   var cont  = req.body.content   fs.writeFile('files/' + title, cont, 'utf8', (err) => { // https://nodejs.org/dist/latest-v8.x/docs/api/fs.html     if (err) throw err     console.log('The file has been saved! title : ' + title)   })   // 처리 후 /list로 넘어가기   res.redirect('/list') // http://expressjs.com/ko/4x/api.html#res.redirect }) app.get('/list', (req, res) => {   fs.readdir('files', (err, files) => {     if (err) throw err     console.log('read directory')     console.log(files)     res.render('list', {posts: files})   }) }) app.get('/post', (req, res) => {   var index = req.query.index   fs.readdir('files', 'utf8', (err, files) => {     if (err) throw error     console.log('read directory')     fs.readFile('files/' + files[index], 'utf8', (err, data) => {       if (err) throw err;       console.log(data)       res.render('post', {title:files[index], content:data})     })   }) })

// 마지막. 리스닝 상태로 만들기

app.listen(3000, function(){  // 애플리케이션이 특정 포트를 리스닝 console.log('Connected, 3000 port!'); });

---

/views/jade 파일 작성

home.jade

doctype html

html

  head

    meta(charset='utf-8')

  body

    form(action='/new', method='post')

      p

        제목 :

        input(type='text' name='title')

      p

        내용 :  

        textarea(name='content')

      p

        input(type='submit')

    br

    form(action='/list', method='get')

      input(value='글 목록' type='submit')

list.jade

iteration

index가 0부터 시작한다. => ? jade에서 값 증가시키는 방법?

doctype html

html

  head

    meta(charset='utf-8')

  body

    h2 List

    ul

      each post, index in posts

        li

          a(href='/post?index=' + index)= '['+index+'] ' + post

post.jade

리스트에서 글 선택 시 제목과 내용 보여주는 페이지

doctype html

html

  head

    meta(charset='utf-8')

  body

    article

      h2= title

      = content