- svgr 설치하여 사용 중
src/assets/svgs폴더 내부의 svg 이미지들은svgr처리되어 반드시 컴포넌트처럼 사용해야 한다.- 그 외, 폴더의 svg들은 URL 기반으로 처리하여,
<Image>태그에 사용가능. - 해당 설정은
src/svgr.d.ts,next.config.ts참고. - svg이미지 크기 변경 필요시, 텍스트 편집으로 width, height 속성 제거할 것. 경우가 잦을 경우 일괄 처리 예정
SRC
├─app
│ │ favicon.ico
│ │ fonts.ts
│ │ globals.css
│ │ layout.tsx
│ │ loading.tsx
│ │ page.tsx
│ │
│ ├─(auth)
│ │ ├─login
│ │ │ layout.tsx
│ │ │ page.tsx
│ │ │
│ │ └─register
│ │ layout.tsx
│ │ page.tsx
│ │
│ ├─(dashboard)
│ │ ├─calendar
│ │ │ layout.tsx
│ │ │ page.tsx
│ │ │
│ │ ├─groups
│ │ │ │ EnterGroupDialog.tsx
│ │ │ │ ExitGroupDialog.tsx
│ │ │ │ GroupItem.tsx
│ │ │ │ layout.tsx
│ │ │ │ page.tsx
│ │ │ │
│ │ │ ├─create
│ │ │ │ page.tsx
│ │ │ │
│ │ │ └─detail
│ │ │ GroupInviteDialog.tsx
│ │ │ GroupMemberItem.tsx
│ │ │ GroupScheduleItem.tsx
│ │ │ page.tsx
│ │ │
│ │ ├─my
│ │ │ layout.tsx
│ │ │ page.tsx
│ │ │
│ │ └─schedules
│ │ │ constants.ts
│ │ │ layout.tsx
│ │ │ page.tsx
│ │ │
│ │ ├─add-place-ai
│ │ │ │ layout.tsx
│ │ │ │ page.tsx
│ │ │ │
│ │ │ └─components
│ │ │ RecommandItem.tsx
│ │ │ SearchBar.tsx
│ │ │
│ │ ├─add-place-direct
│ │ │ layout.tsx
│ │ │ page.tsx
│ │ │
│ │ ├─components
│ │ │ ScheduleDialog.tsx
│ │ │ ScheduleItem.tsx
│ │ │ TeamItem.tsx
│ │ │
│ │ ├─create
│ │ │ page.tsx
│ │ │
│ │ └─detail
│ │ │ page.tsx
│ │ │ When2Meet.tsx
│ │ │ Where2Meet.tsx
│ │ │
│ │ ├─components
│ │ │ ParticipantCard.tsx
│ │ │ PlaceCardItem.tsx
│ │ │ ScheduleDrawer.tsx
│ │ │ WhenConfirmDrawer.tsx
│ │ │
│ │ ├─when-components
│ │ │ MemberCountPalette.tsx
│ │ │
│ │ └─where-components
│ │ AddPlaceDialog.tsx
│ │ PlaceCard.tsx
│ │
│ └─api
│ auth.ts
│
├─assets
│ ├─pngs
│ │ location.png
│ │ logo-full.png
│ │ logo-full.svg
│ │ logo-white.png
│ │ logo-white.svg
│ │ pencil.png
│ │
│ └─svgs
│ └─icons
│ arrow-down-gray.svg
│ arrow-left-black.svg
│ arrow-left-gray.svg
│ arrow-right-gray.svg
│ arrow-up-gray.svg
│ calender-off.svg
│ calender-on.svg
│ checked.svg
│ default-member-image.svg
│ group-master.svg
│ group-off.svg
│ group-on.svg
│ group-user.svg
│ menu-black.svg
│ mypage-off.svg
│ mypage-on.svg
│ plus-gray.svg
│ plus-white.svg
│ schedule-off.svg
│ schedule-on.svg
│ search.svg
│ trashcan.svg
│ unchecked.svg
│ x-black.svg
│ x-gray.svg
│ x-white.svg
│
├─components
│ ├─shared
│ │ │ loading.tsx
│ │ │
│ │ ├─BottomNav
│ │ │ BottomNav.tsx
│ │ │
│ │ ├─Dialog
│ │ │ PlainDialog.tsx
│ │ │ YesNoDialog.tsx
│ │ │
│ │ ├─Input
│ │ │ RadioButton.tsx
│ │ │ TextInput.tsx
│ │ │
│ │ └─ToastButton
│ │ ToastButton.tsx
│ │
│ └─ui
│ │ col-drawer.tsx
│ │ dialog.tsx
│ │ drawer.tsx
│ │ sonner.tsx
│ │
│ ├─button
│ │ Button.tsx
│ │
│ └─header
│ Header.tsx
│
├─hooks
│ example.ts
│
├─lib
│ utils.ts
│
├─schemas
│ loginSchemas.ts
│ scheduleSchemas.ts
│
└─types
example.ts