디렉토리 구조

- apis
- assets
 - svg (Kebab 케이스)
- pages
- components
  - common: 특정 로직에 의존하지 않는 [진짜] 공통 컴포넌트
  - shared: 여러 곳에서 사용할 수 있고 비즈니스 로직이 있는 컴포넌트 
  - Layout: outlet 들어가는 곳(tanstack router 쓰면 필요없을지도..)
  - routes 단위로 디렉토리 생성
- hooks
	- apis
	- 도메인별로 디렉토리 생성
  - pages 단위(특정 페이지에 필요한 훅들은 page 단위로 디렉토리 생성)
- contants
- types
 - api 관련 타입은 `도메인.dto.ts`
- utils

CHAT 레이아웃 유무 고려한 ROUTE 구조

- routes
	- [layout-with-chat]: 안의 route들은 layout-with-chat Layout에 nested됩니다
		- [my-liked-zzal]
		- [my-uploaded-zzal]
		- index.tsx(home)
	- [admin]
	- [upload-zzal]
	- __root.tsx : router의 최상위 route
	- _layout-with-chat.tsx : chat UI가 들어가는 layout 구현 (<Outlet/> 부분에 nested된 페이지 들어감)
	- -NotFound.tsx