Project Structure

프레임워크 기본 폴더 및 파일 구조

1. 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 설정 파일

1. 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 설정 파일