디렉토리 구조

본 장에서는 Bxm Web Admin UI의 디렉토리 구조에 대해서 설명한다.

ROOT
├─libs
├─scripts
│ ├─common
│ │ ├─component
│ │ ├─main
│ │ └─popup
│ ├─messages
│ ├─routers
│ └─views
└─styles
├─css
└─images

디렉토리	설명
libs	UI 개발에 사용되는 라이브러리
scripts/common	공통으로 사용하는 설정 파일, 유틸리티, 컴포넌트 파일, 전체적인 화면 관리 (헤더, 메뉴, 페이지, 탭 관리) 파일
scripts/common/component	공통으로 사용하는 컴포넌트들 - 자세한 사용법은 5.3절. “Common Components”를 참조한다.
scripts/common/main	각 서브페이지를 포함하는 메인화면 및 공통기능들(헤더, 메뉴, 페이지, 탭 관리)
scripts/common/popup	다양한 페이지에서 사용되는 공통 팝업들
scripts/messages	다국어 처리 메시지 파일
scripts/routers	라우팅 파일
scripts/views	각 화면들을 구성하는 JS, HTML파일, 커스터마이즈 대상 폴더
styles/css	화면의 스타일을 정의한 CSS파일, 커스터마이즈 대상 폴더
styles/images	화면에서 사용되는 이미지 파일

디렉토리

설명

libs

UI 개발에 사용되는 라이브러리

scripts/common

공통으로 사용하는 설정 파일, 유틸리티, 컴포넌트 파일,
전체적인 화면 관리 (헤더, 메뉴, 페이지, 탭 관리) 파일

scripts/common/component

공통으로 사용하는 컴포넌트들 - 자세한 사용법은 5.3절. “Common Components”를 참조한다.

scripts/common/main

각 서브페이지를 포함하는 메인화면 및
공통기능들(헤더, 메뉴, 페이지, 탭 관리)

scripts/common/popup

다양한 페이지에서 사용되는 공통 팝업들

scripts/messages

다국어 처리 메시지 파일

scripts/routers

라우팅 파일

scripts/views

각 화면들을 구성하는 JS, HTML파일, 커스터마이즈 대상
폴더

styles/css

화면의 스타일을 정의한 CSS파일, 커스터마이즈 대상 폴더

styles/images

화면에서 사용되는 이미지 파일