Project Structure
프레임워크 기본 폴더 및 파일 구조
SJ_LIB_PRIME_ADMIN
SJ_LIB_PRIME_ADMIN/
├── dist/ # npm build 후 생성되는 배포 파일
├── lib/ # 라이브러리로 배포할 파일 관리 폴더
│ ├── components/ # React 컴포넌트
│ │ ├── layout/ # layout 컴포넌트 (header, footer 등)
│ │ ├── ui/ # 커스텀 UI 컴포넌트
│ ├── context/ # 라이브러리 용 Context API 파일 관리
│ ├── hooks/ # 라이브러리 용 커스텀 훅 파일 관리
│ ├── shadcn/ # 라이브러리에서 사용하는 shadcn/ui 컴포넌트
│ ├── styles/ # 라이브러리 용 CSS 파일 관리
│ ├── utils/ # 라이브러리 용 유틸리티 함수 관리
│ ├──index.ts # 라이브러리 export 파일
├── node_modules/ # 프로젝트 의존성 및 스크립트
├── public/ # 정적 파일 (폰트, 이미지, 아이콘 등)
├── src/ # 개발 테스트 용 소스 코드 폴더
│ ├── app/ # 페이지 컴포넌트 (앱 라우팅 방식)
│ │ ├── layout.tsx # root page layout 컴포넌트 (html, body)
│ │ ├── page.tsx # 기본 페이지 (/ 라우팅 경로 진입 시 노출)
│ ├── components/ # 라이브러리에 사용되지 않는 로컬 컴포넌트 파일 관리
│ │ ├── layout/ # layout 컴포넌트 (header, footer 등)
│ │ ├── table/ # data-table 생성 시 필요한 columns 정의 파일
│ │ ├── ui/ # 커스텀 UI 컴포넌트
│ ├── context/ # React Context API 파일 관리
│ ├── controllers/ # 비즈니스 로직 처리 파일 관리
│ ├── hooks/ # React 커스텀 훅 파일 관리
│ ├── styles/ # CSS 파일 관리
│ ├── utils/ # 유틸리티 함수 관리
├── .env # 환경 변수 파일
├── .gitignore # git ignore
├── .prettierignore # prettier ignore
├── .prettierrc # Prettier 설정 파일 (코드 포맷팅 규칙 정의)
├── components.json # shadcn 설정 파일
├── eslint.config.mjs # ESLint 설정 파일
├── next.config.ts # Next.js 설정 파일
├── package.json # 프로젝트의 의존성, 스크립트, 프로젝트 메타 정보를 관리 파일
├── postcss.config.mjs # PostCSS 설정 파일
├── README.md
├── rollup.config.mjs # npm package 배포용 빌드 설정 파일
├── tailwind.config.ts # Tailwind CSS 설정 파일
└── tsconfig.json # TypeScript 설정 파일SJ_FRAMEWORK_ADMIN
SJ_FRAMEWORK_ADMIN/
├── node_modules/ # 프로젝트 의존성 및 스크립트
├── public/ # 정적 파일 (폰트, 이미지, 아이콘 등)
├── src/ # 개발 테스트 용 소스 코드 폴더
│ ├── app/ # 페이지 컴포넌트 (앱 라우팅 방식)
│ │ ├── layout.tsx # root page layout 컴포넌트 (html, body)
│ │ ├── page.tsx # 기본 페이지 (/ 라우팅 경로 진입 시 노출)
│ ├── components/ # 라이브러리에 사용되지 않는 로컬 컴포넌트 파일 관리
│ │ ├── layout/ # layout 컴포넌트 (header, footer 등)
│ │ ├── shadcn/ # shadcn/ui 컴포넌트
│ │ ├── table/ # data-table 생성 시 필요한 columns 정의 파일
│ │ ├── ui/ # 커스텀 UI 컴포넌트
│ ├── constants/ # 프로젝트 공통 상수 데이터 정의 파일
│ ├── context/ # React Context API 파일 관리
│ ├── controllers/ # 비즈니스 로직 처리 파일 관리
│ │ ├── client.ts/ # 공통 axios instance
│ ├── hooks/ # React 커스텀 훅 파일 관리
│ ├── lib/ # 외부 라이브러리 파일 관리
│ ├── styles/ # CSS 파일 관리
│ ├── types/ # 공통 타입 파일 관리
│ ├── utils/ # 유틸리티 함수 관리
│ ├── middleware.ts # 앱 라우팅 관련 설정
├── .env # 환경 변수 파일
├── .gitignore # git ignore
├── .prettierignore # prettier ignore
├── .prettierrc # Prettier 설정 파일 (코드 포맷팅 규칙 정의)
├── components.json # shadcn 설정 파일
├── eslint.config.mjs # ESLint 설정 파일
├── next.config.ts # Next.js 설정 파일
├── package.json # 프로젝트의 의존성, 스크립트, 프로젝트 메타 정보를 관리 파일
├── postcss.config.mjs # PostCSS 설정 파일
├── README.md
├── tailwind.config.ts # Tailwind CSS 설정 파일
└── tsconfig.json # TypeScript 설정 파일Last updated