graph TB title 프로필 이미지 업로드 아키텍처 subgraph Client["makitt-client"] PP["프로필 페이지
profile/page.tsx"] UIH["useImageUpload 훅
(shared/lib/hooks)"] S3U["uploadToS3
(packages/ui/utils)"] AAPI["Account API
(features/account/api)"] IAPI["Image API
(shared/api/image.ts)"] MH["useUpdateProfile
useDeleteProfileImage
(features/account/model)"] end subgraph Server["makitt-server"] UC["UserController
PUT /users/me/profile-image
DELETE /users/me/profile-image"] IC["ImageController
POST /images/presigned-url"] UA["UserApplication"] IUA["ImageUploadApplication"] S3S["S3Service"] UP["UserProfile Entity
(DynamoDB)"] end subgraph AWS["AWS"] S3["S3 Bucket
makitt-dev-assets"] CF["CloudFront CDN
cdn.dev.makitt.shop"] end PP -->|"1. File 선택"| UIH UIH -->|"2. presigned URL 요청"| IAPI IAPI -->|"POST"| IC IC --> IUA IUA --> S3S S3S -->|"presigned URL 생성"| S3 UIH -->|"3. S3 직접 업로드"| S3U S3U -->|"PUT presignedUrl"| S3 PP -->|"4. 프로필 이미지 URL 저장"| MH MH --> AAPI AAPI -->|"PUT"| UC UC --> UA UA -->|"imageUrl 저장"| UP CF -->|"이미지 서빙"| S3 style PP fill:#FFE0B2 style AAPI fill:#FFCDD2,stroke:#E53935 style MH fill:#FFCDD2,stroke:#E53935 style UIH fill:#C8E6C9 style S3U fill:#C8E6C9 style IAPI fill:#C8E6C9 classDef stubClass fill:#FFCDD2,stroke:#E53935 classDef existingClass fill:#C8E6C9,stroke:#43A047 classDef targetClass fill:#FFE0B2,stroke:#FB8C00

Profile Image Upload Architecture