npm 대신 yarn 사용

• public
  • favicon.ico: 파비콘
  • index.html
• src
  • assets
    • styles/...: 모든 css 파일
    • images/...: 로고
  • components: 컴포넌트 파일 작성
  • router
    • index.js에 이어서 작성
  • store
    • index.js: modules/ 에 있는 파일들 import해서 사용
    • modules/...
      • user 관련 api
      • 이력서 관련 api
      • 비슷한 기능으로 나눠서 사용
  • views: 주소가 있는 페이지 작성(router로 이동할수 있는 페이지)
• Others

  • .editorconfig: vscode 설정 (프로젝트 최상위 폴더에 위치)

    [*.{js,jsx,ts,tsx,vue}]
    indent_style = space
    indent_size = 2
    end_of_line = lf
    trim_trailing_whitespace = true
    insert_final_newline = true
    max_line_length = 100
    

  • .eslintrc.js: airbnb style (프로젝트 최상위 폴더에 위치)

    module.exports = {
      root: true,
      env: {
        node: true,
      },
      extends: [
        'plugin:vue/essential',
        '@vue/airbnb',
      ],
      parserOptions: {
        parser: 'babel-eslint',
      },
      rules: {
        'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
      },
    };
    

  • .env: (프로젝트 최상위 폴더에 위치)

    • 서버 주소나 api key 저장
    • git에 올라가지 않는 파일(.gitignore에 추가)

  • package.json (프로젝트 최상위 폴더에 위치)

    • 패키지 종속성 저장