NUXT Universal Vue.js Application test...
NUXT Board
mongoDB express.js
node.js

NUXT Board Project...

NUXT framework study 차원의 게시판 구현 Project.

NUXT.Js Setup

  • : npm - express, cors, mongoose, mongoose-date-format, mongoose-bcrypt, body-parser, express-basic-auth, method-override, passport, Apache Proxy module
  • MongoDB Setup

  • : MongoDB X64, BI Connector, C Driver, ODBC Driver for BI Connector(test failed)
  • Board Data Migration

  • : Mongoose Schema modeling, SQL export to CSV, replace double quote with double quote escape, mongoimport
  • Front-end

    Back to start

  • : Bootstrap, Bootstrap 이외의 Style은 기존 Board CSS 그대로 적용, TinyMCE, JS input check, Login cookie
  • Vuetify - Material Design

  • : Vuetify 적용해 Material design 사용. May.2019
  • Masonry updated

  • : Masonry가 update되면서 새 버전에 맞게 수정. May.2019
  • TinyMCE updated

  • : TinyMCE는 vue-tinymce로 updated. May.2019
  • Back-end Code

    Collection CRUD Code Test

  • : Boards, Conts, Read, Users(Auth) - index, post, modi, read, remv, srch
  • Async/Await

  • : to control the funtion processing order, asyncMiddleware
  • MongoDB aggregation, convert SQL into aggregation

  • : find, findOne, findOneAndUpdate, aggregate / $lookup, $group, $match, $sort, $project, $unwind..., limit(), skip()
  • Password hashing

  • : mongoose-bcrypt, mongoose schema를 이용한 password hashing - passwd: {type:String, required:true, bcrypt:true}, use passport to verify hashed password
  • Login

  • : Passport.js, passport-local, LocalStrategy, verifyPasswordSync(), serializeUser(), deserializeUser(), passport.authenticate('local')
  • : Login Check - middleware에서 처리.
  • Paging

  • : find nextno/prevno with complicate matching, 기존 방식 그대로 구현, 좌우 스크롤, 좌우 넘김 버튼...
  • : Vuetify Pagination 적용. May.2019
  • ....

    Site Notices
    Site Update Log