FRONT END 프로젝트

src/assets

이미지나 아이콘이 위치한다.

src/setup

vue의 global component 등록, 마스킹 설정 등 전반적인 설정 파일들

src/core

프로젝트에서 공통으로 사용될 컴포넌트와 유틸성 프로그램은 core 폴더에 작성한다. 업무용 프로그램에서는 공통 프로그램을 import할때 상대경로가 아닌 절대경로 @/core를 사용한다. 공통프로그램은 /src/core/index.tx에서 re-export한다.

src/views

업무용 프로그램은 views 폴더에 작성한다.

폴더구조

프로젝트 루트에서 app폴더가 vue 프로그램 폴더이다.

# app 폴더구조
├─docs 문서작성 폴더
├─public
└─src
  ├─assets         이미지 파일
  ├─core           공통 컴포넌트, 유틸리티
  │  ├─components  global component
  │  │  ├─button
  │  │  ├─component-util
  │  │  ├─container
  │  │  ├─form
  │  │  ├─grid
  │  │  ├─modal
  │  │  ├─tab
  │  │  └─tree
  │  ├─event
  │  ├─hook
  │  ├─hook-utils
  │  │  └─utils
  │  ├─layout
  │  ├─types        typescript의 d.ts파일. interface, type 정의.
  │  └─util
  ├─setup           프로그램 시작시 초기화 작업
  ├─styles
  │  ├─components
  │  ├─fonts
  │  │  └─NanumBarunGothic
  │  ├─layout
  │  ├─login
  │  ├─publish
  │  ├─tailwind-css
  │  ├─VueDatePicker
  │  │  └─components
  │  └─wijmo
  ├─views             업무용 프록그램 폴더
  ├─views-sample      샘플 프로그램 폴더
  └─wijmo                위즈모 그리드 라이브러리

FRONT END 프로젝트 #

src/assets #

src/setup #

src/core #