flash

설치

#npm i express-flash

app.js

flash를 사용하는 방법은 간단하다. app.js 에서 middleware로 app.use(flash())를 사용한다.

app.js

userController.js

  그리고  각각의 controller part에서 req.flash('message type', 'message text')를 사용해서 flash message를 전송한다. message type은 info, warn, error, success 등이 있다. 그리고 항상 req.flash()가 res.redirect()나 res.render()보다 위에 와야 한다. 그렇지 않다면 이미 rendering을 끝난 상태에서 message를 전송하기 때문에 Front-end에서 message를 받을 수가 없다.

  passport는 내장되어 있는 flash message가 있으므로 그것을 사용한다.

postLogin()

logout()

mixins/messages.pug

pug에서 flash message를 받는 양식은 다음과 같다.

if (messages.info)
    .message.info
      span= messages.info

이것을 mixin을 이용해서 main.pug에서 나타냈다.

mixins/messages.pug

main.pug

main.pug

messages.scss

messages.scss

참고 자료

• 노마드 코더의 유튜브 클론 강의
• npm express-flash

소스 코드

github.com/zpskek/wetube-v3/commit/e5fae9d83e848f17108ca311fe500142cbe60add