[개인프로젝트] Outstagram - 1

인스타그램 짝퉁 Outstagram을 만들꺼다. 여러가지 기능을 생각중이고 생각보다 간단해 보여서 만들어본다.

 

Nodejs 세팅 

개발환경 : VScode nodeJs MongoDB eslint 설치

설치한 패키지

"dependencies": {

    "dotenv": "^8.2.0",

    "express": "^4.17.1",

    "helmet": "^4.1.1",

    "morgan": "^1.10.0"

  },

  "devDependencies": {

    "@babel/core": "^7.11.6",

    "@babel/node": "^7.10.5",

    "@babel/preset-env": "^7.11.5",

    "babel": "^6.23.0",

    "eslint": "^7.11.0",

    "eslint-config-standard": "^14.1.1",

    "eslint-plugin-import": "^2.22.1",

    "eslint-plugin-node": "^11.1.0",

    "eslint-plugin-promise": "^4.2.1",

    "eslint-plugin-react": "^7.21.4",

    "eslint-plugin-standard": "^4.0.1",

    "nodemon": "^2.0.4"

  }

사이트의 대략적인 구조 및 개형을 생각중이다...

 

사이트 구조

// main
const HOME = '/'
const LOGIN = '/login'
const JOIN = '/join'
const LOGOUT = '/logout'
const SEARCH = '/search'

// User
const USERS = '/users'
const USER_DETAIL = '/:id'
const EDIT_PROFILE = '/edit-profile'
const CHANGE_PASSWORD = '/change-password'

// Post
const POSTS = '/posts'
const POST_DETAIL = '/:id'
const EDIT_POST = '/edit-post'

const routes = {
  home: HOME,
  login: LOGIN,
  join: JOIN,
  logout: LOGOUT,
  search: SEARCH,
  users: USERS,
  userDetail: USER_DETAIL,
  editProfile: EDIT_PROFILE,
  changePassword: CHANGE_PASSWORD,
  posts: POSTS,
  postDetail: POST_DETAIL,
  editPost: EDIT_POST
}

export default routes​

 

예상되는 개발 순서

라우터 -> DB 모델 M -> PUG V -> Controller ->DB연동 -> 로그인 인증 -> CSS꾸미기