<aside> 💡

사진으로 추가하시면 됩니다.

</aside>

1. 프론트엔드 개발:

app/
├── root.tsx          # Router 레이아웃들
├── routes/          # Router용 페이지 컴포넌트들
│   ├── meetings.tsx
│   ├── reviews.tsx
├── components/
│   ├── atoms/
│   │   ├── Button/     # 공용 컴포넌트 개발
│   │   ├── Input/
│   │   ├── Icon/
│   │   └── Text/
│   ├── molecules/
│   ├── organisms/
│   └── templates/     # 페이지 레이아웃 패턴
├── containers/     # Smart 컴포넌트들
├── hooks/     # 커스텀 훅
│   └── api/     # API 관련
│   │   └── useMeetings.ts
│   └── ui/     #UI 상태 관리
│   │   └── useModal.ts
│   └── business/     #비즈니스 로직
│   │   └── useMeetingFilters.ts
├── api/
└── lib/          # 외부 라이브러리 설정 (axios, react-query 등)
├── stores/     # 전역 상태 저장소
├── utils/
├── types/     # TypeScript 타입 정의
│   └── api.ts     #API 관련 타입
│   └── components.ts     #컴포넌트 관련 타입
│   └── common.ts     #공통 타입
├── constants/     # 상수들 (API_ENDPOINTS, ROUTES 등)
│   └── api.ts

2. 백엔드 개발: