리엑트 초기 설정

Chamomile Admin React ├─ public : 정적 파일들이 위치하는 폴더 │ ├─ favicon.ico : 브라우저 탭 아이콘 파일 │ ├─ fonts : 웹 폰트 파일들이 위치하는 폴더 │ ├─ icons : 아이콘 파일들이 위치하는 폴더 │ ├─ images : 이미지 파일들이 위치하는 폴더 │ └─ tinymce : TinyMCE 에디터 관련 파일들이 위치하는 폴더. L-UI 설치시 자동 생성됨. ├─ src : 소스 코드가 위치하는 폴더 │ ├─ app : nextjs App Router 폴더 │ │ ├─ [lng] : 다국어를 위한 segment │ │ │ ├─ (home) : 로그인 이후의 레이아웃 폴더 │ │ │ │ ├─ (root) : root 폴더 │ │ │ │ │ ├─ dashboard : root 대시보드 화면 │ │ │ │ │ └─ page.tsx : root 기본 화면 │ │ │ │ ├─ _components : (home)폴더 이하의 화면/컴포넌트에서 사용하는 공통 컴포넌트 폴더 │ │ │ │ │ ├─ button │ │ │ │ │ │ ├─ excel-download-button.tsx │ │ │ │ │ │ ├─ excel-style.ts │ │ │ │ │ │ ├─ excel-template-download-button.tsx │ │ │ │ │ │ ├─ excel-upload-button.tsx │ │ │ │ │ │ └─ excel-utils.ts │ │ │ │ │ ├─ file │ │ │ │ │ │ ├─ file-download-button.tsx │ │ │ │ │ │ ├─ file-guideline.tsx │ │ │ │ │ │ ├─ file-input.tsx │ │ │ │ │ │ ├─ file-upload-button.tsx │ │ │ │ │ │ └─ file-utils.ts │ │ │ │ │ ├─ fnb.tsx │ │ │ │ │ └─ form │ │ │ │ │ ├─ form-item-checkbox.tsx │ │ │ │ │ ├─ form-item-file.tsx │ │ │ │ │ ├─ form-item-radio.tsx │ │ │ │ │ ├─ form-item-select.tsx │ │ │ │ │ ├─ form-item-text-field.tsx │ │ │ │ │ └─ search-form.tsx │ │ │ │ ├─ admin : 시스템관리 GNB 이하 메뉴 라우팅 폴더 │ │ │ │ │ ├─ authority : 권한관리 LNB 이하 메뉴 라우팅 폴더 │ │ │ │ │ │ ├─ auth │ │ │ │ │ │ │ └─ managing-auth : 권한 등록 관리 page │ │ │ │ │ │ ├─ auth-hierarchy │ │ │ │ │ │ │ └─ managing-auth-hierarchy : 권한상하관계등록 page │ │ │ │ │ │ ├─ auth-menu │ │ │ │ │ │ │ └─ managing-auth-menu : 메뉴권한관리(권한->메뉴) page │ │ │ │ │ │ ├─ menu-auth │ │ │ │ │ │ │ └─ managing-menu-auth : 메뉴권한관리(메뉴->권한) page │ │ │ │ │ │ └─ resource-auth │ │ │ │ │ │ └─ managing-resource-auth : 리소스권한관리 page │ │ │ │ │ ├─ mobile : 모바일 LNB 이하 메뉴 라우팅 폴더 │ │ │ │ │ │ ├─ app │ │ │ │ │ │ │ └─ managing-app : 앱 관리 page │ │ │ │ │ │ ├─ app-device │ │ │ │ │ │ │ └─ managing-app-device : 모바일 기기 관리 page │ │ │ │ │ │ └─ app-file │ │ │ │ │ │ └─ managing-app-file : 앱 파일 관리 page │ │ │ │ │ ├─ resources : 자원관리 LNB 이하 메뉴 라우팅 폴더 │ │ │ │ │ │ ├─ common-code │ │ │ │ │ │ │ └─ managing-code : 공통코드관리 page │ │ │ │ │ │ ├─ menu │ │ │ │ │ │ │ └─ managing-menu : 메뉴관리 page │ │ │ │ │ │ ├─ message │ │ │ │ │ │ │ └─ managing-message : 다국어관리 page │ │ │ │ │ │ ├─ notice │ │ │ │ │ │ │ └─ managing-notice : 게시글관리 page │ │ │ │ │ │ ├─ privacy-policy │ │ │ │ │ │ │ └─ managing-privacy-policy : 개인정보 처리방침 관리 page │ │ │ │ │ │ ├─ resource │ │ │ │ │ │ │ └─ managing-resource : 리소스관리 page │ │ │ │ │ │ ├─ user │ │ │ │ │ │ │ └─ managing-user : 사용자관리 page │ │ │ │ │ │ └─ user-group │ │ │ │ │ │ └─ managing-group : 사용자그룹관리 page │ │ │ │ │ └─ systems : 시스템설정 LNB 이하 메뉴 라우팅 폴더 │ │ │ │ │ ├─ exception │ │ │ │ │ │ └─ managing-exception : 예외처리관리 page │ │ │ │ │ ├─ file │ │ │ │ │ │ └─ file-history : 파일이력조회 page │ │ │ │ │ ├─ history │ │ │ │ │ │ └─ login-log-page : 로그인로그 page │ │ │ │ │ ├─ logger │ │ │ │ │ │ └─ log-config-list : 로그관리 page │ │ │ │ │ ├─ privacy │ │ │ │ │ │ └─ privacy-use-log-page : 개인정보 로그관리 page │ │ │ │ │ └─ weblog │ │ │ │ │ └─ menu-access-log-page : 메뉴접근로그 page │ │ │ │ ├─ layout.tsx : home 레이아웃. (로그인 제외 모든 화면의 레이아웃) │ │ │ │ └─ loading.tsx : home 레이아웃의 로딩화면 │ │ │ ├─ (login) : 로그인 이후의 레이아웃 폴더 │ │ │ │ ├─ layout.tsx : 로그인 레이아웃 │ │ │ │ └─ login : 로그인 page │ │ │ └─ _components : [lng]폴더 이하의 화면/컴포넌트에서 사용하는 공통 컴포넌트 폴더 │ │ │ ├─ alert.tsx │ │ │ ├─ common-code.tsx │ │ │ ├─ recaptcha.tsx │ │ │ └─ toast.tsx │ │ ├─ api : next-auth 인증 처리 │ │ │ └─ auth │ │ │ ├─ [...nextauth] : NextAuth의 엔드포인트를 설정하는 데 사용 │ │ │ │ └─ route.ts │ │ │ └─ types │ │ │ └─ auth.d.ts : NextAuth의 TypeScript 타입 정의 │ │ ├─ i18n : 다국어 설정 │ │ │ ├─ client.ts : i18n CSR 설정 파일 │ │ │ ├─ index.ts : i18n 설정 파일 │ │ │ ├─ locales : 다국어 번역 파일 폴더 │ │ │ │ ├─ en │ │ │ │ │ └─ common.json │ │ │ │ ├─ it │ │ │ │ │ └─ common.json │ │ │ │ ├─ ja │ │ │ │ │ └─ common.json │ │ │ │ ├─ ko │ │ │ │ │ └─ common.json │ │ │ │ ├─ vi │ │ │ │ │ └─ common.json │ │ │ │ └─ zh │ │ │ │ └─ common.json │ │ │ └─ settings.ts │ │ ├─ auth-session.tsx : 세션 Provider │ │ ├─ error.tsx : 에러 페이지 │ │ ├─ global-error.tsx : 전역 에러 처리 페이지 │ │ ├─ layout.tsx : ROOT Layout │ │ ├─ not-found.tsx : 404 페이지 │ │ ├─ query-provider.tsx : Tanstack Query Provider │ │ └─ theme-provider.tsx : Next themes Provider │ ├─ auth.ts : NextAuth 인증 구현 │ ├─ axios-client.ts : axiosInstance interceptors 설정 │ ├─ middleware.ts : Next 미들웨어 │ ├─ config │ │ └─ site.ts │ ├─ constants │ │ └─ index.ts │ ├─ hooks : 커스텀 훅 폴더 │ │ ├─ useCommonCode.ts │ │ ├─ useFetchMessages.tsx │ │ ├─ useGetFile.ts │ │ ├─ useGetQuery.ts │ │ └─ useMutationQuery.ts │ ├─ store : Zustand를 전역 상태 Store │ │ ├─ forPersist : persist를 통해서 local storage에 저장 │ │ │ └─ index.ts │ │ ├─ alert.ts │ │ ├─ common-code.ts │ │ ├─ menu.ts │ │ ├─ mdi-tabs.ts │ │ └─ toast.ts │ ├─ styles : css 폴더 │ │ ├─ globals.css │ │ └─ pagetabs.css │ ├─ types : Typescript type 정의 폴더 │ │ ├─ common.ts │ │ ├─ file.ts │ │ ├─ form.ts │ │ ├─ language.ts │ │ ├─ menu.ts │ │ ├─ message.ts │ │ ├─ nav.ts │ │ └─ user.ts │ └─ utils : 공통 Utils 폴더 │ ├─ commonUtils.ts │ ├─ cssUtils.ts │ ├─ encryptUtil.ts │ └─ menuUtils.ts ├─ .editorconfig ├─ .eslintignore : ESLint가 무시할 파일 및 디렉토리 지정. ├─ .eslintrc.json : ESLint 설정 파일. ├─ .gitignore : Git이 무시할 파일 및 디렉토리 지정. ├─ .prettierignore : Prettier가 무시할 파일 및 디렉토리 지정. ├─ README.md : README 파일 ├─ components.json : ├─ custom.d.ts : 사용자 정의 TypeScript 타입 정의. ├─ next-env.d.ts : Next.js 타입 정의 파일. ├─ next.config.mjs : Next.js 설정 파일. ├─ package-lock.json : 의존성 트리 고정 파일. ├─ package.json : 프로젝트 메타데이터 및 의존성 정의. ├─ postcss.config.js : PostCSS 설정 파일. ├─ prettier.config.js : Prettier 설정 파일. ├─ tailwind.config.js : Tailwind CSS 설정 파일. └─ tsconfig.json : TypeScript 설정 파일.

(home) Layout ├── <Gnb /> │ ├── <GnbMenu /> │ └── <GnbInfo /> │ └── <LanguageSelector /> ├── <Lnb /> │ ├── <LnbToggle /> │ ├── <LnbLogo /> ├── <MdiTabs /> └── <각 Page /> └── <PageHeader /> ├── <PageHeaderBreadcrumb /> └── <PageHeaderButtonList />