FE
- Basic: `React`, `Typescript`, `styled-components`
- Library:  `react-router`, `react-query`, `axios`, `eslint`, 
            `react-cookie`, `react-big-calendar`, `react-datepicker`, `react-paginate`, `react-toastify`, 
            `react-hook-form`, `yup`, `react-icons`, `moment`

MiniProject_FE
├─ index.html
├─ package-lock.json
├─ package.json
├─ public
│  └─ 로고, 기본 이미지와 같은 파일
├─ README.md
├─ src
│  ├─ api - Axios 인스턴스 객체로 구성
│  │  ├─ Admin
│  │  │  └─ 관리자 권한이 필요한 API 요청
│  │  └─ 일반 유저 API 
│  ├─ App.tsx
│  ├─ components
│  │  ├─ AccApproval
│  │  │  └─ 회원가입한 유저 승인 관리 페이지 (관리자 전용)
│  │  ├─ AdminApproval
│  │  │  └─ 연차 또는 당직 승인/거절 관리 페이지 (관리자 전용)
│  │  ├─ AdminForm
│  │  │  └─ 유저의 권한 변경 관리 페이지 (관리자 전용)
│  │  │ 
│  │  ├─ common - 공용 컴포넌트
│  │  │  ├─ AlertModal
│  │  │  │  └─ 알림 또는 경고를 위한 공용 컴포넌트
│  │  │  ├─ BigCalendar
│  │  │  │  └─ 캘린더 출력을 위한 공용 컴포넌트
│  │  │  ├─ Button
│  │  │  │  └─ 공용 버튼 컴포넌트
│  │  │  ├─ CircularLoadingProgress
│  │  │  │  └─ 공용 로딩 컴포넌트
│  │  │  ├─ ConfirmModal
│  │  │  │  └─ 확인/취소 상태를 선택하는 공용 모달 컴포넌트
│  │  │  ├─ ListItem
│  │  │  │  └─ 공용 리스트 아이템 컴포넌트 (리스트 결과물 출력)
│  │  │  └─ SkeletonUI
│  │  │     └─ 공용 스켈레톤 UI 컴포넌트
│  │  │ 
│  │  ├─ ErrorForm
│  │  │  └─ 입력 에러 핸들러 컴포넌트
│  │  ├─ LoginForm
│  │  │  └─ 로그인 페이지에서 사용할 로그인 폼 컴포넌트
│  │  │ 
│  │  ├─ MainForm
│  │  │  └─ 메인 페이지에서 사용할 연차/당직 신청 폼 컴포넌트 
│  │  │  
│  │  ├─ MypageForm
│  │  │  └─ 마이 페이지에서 사용할 폼 컴포넌트
│  │  │  
│  │  └─ RegisterForm
│  │     └─ 회원가입 페이지에서 사용할 폼 컴포넌트
│  ├─ interface
│  │  └─ Props 타입 관리를 위한 인터페이스
│  ├─ main.tsx
│  ├─ pages
│  │  ├─ AdminAccApprovalPage
│  │  │  └─ 회원가입한 유저 승인 관리 페이지('/accApproval')
│  │  ├─ AdminApprovalPage
│  │  │  └─ 연차 또는 당직 승인/거절 관리 페이지('/adminApproval')
│  │  ├─ AdminAuthPage
│  │  │  └─ 유저 권한 변경 관리 페이지('/adminAuth')
│  │  ├─ ErrorPage
│  │  │  └─ 404 에러 페이지('*')
│  │  ├─ LoginPage
│  │  │  └─ 로그인 페이지('/')
│  │  ├─ MainPage
│  │  │  └─ 연차 또는 당직 신청/조회 페이지('/main')
│  │  ├─ MyPage
│  │  │  └─ 마이 페이지('/mypage')
│  │  └─ RegisterPage
│  │     └─ 회원가입 페이지('/register')
│  ├─ reducers
│  │  └─ reducer hooks 폴더
│  ├─ styles
│  │  ├─ globalStyle.ts - 글로벌 스타일 프리셋 with styled-components
│  │  └─ theme.ts - ThemeProvider with styled-components
│  ├─ utils
│  │  ├─ cookies.ts - 쿠키 관리
│  │  └─ helpers.ts - 날짜 포맷 변경과 같은 헬퍼 함수들
...