fix(user): 프로필 수정 기능 개선 — 이미지 업로드 통합 및 닉네임 우선 표시

[evenif99]

Summary

• PATCH /api/user/me에 프로필 이미지 업로드 로직 통합 (Supabase Storage)
• 닉네임 표시 우선순위를 nickname ?? name으로 변경하여 사용자 수정 닉네임이 카카오 실명보다 우선 표시
• 최초 카카오 로그인 시 nickname에 카카오 이름 저장
• 프로필 수정 페이지 라벨 "이름" → "닉네임" 변경

변경 파일

• src/app/api/user/me/route.ts — PATCH에 이미지 업로드 로직 통합
• src/lib/auth/index.ts — 최초 로그인 시 nickname에 카카오 이름 저장
• src/app/(page)/mypage/page.tsx — 표시 우선순위 변경
• src/app/(page)/mypage/edit/page.tsx — 표시 우선순위 변경, 라벨 수정
• src/app/(page)/mypage/withdraw/page.tsx — 표시 우선순위 변경
• src/components/home/HomeGreeting.tsx — 표시 우선순위 변경
• src/components/chatbot/Chatbot.tsx — 표시 우선순위 변경

Test plan

• 프로필 수정 페이지에서 사진 변경 후 저장 → 이미지가 실제로 반영되는지 확인
• 프로필 수정 페이지에서 닉네임 변경 후 저장 → 마이페이지, 홈에 변경된 닉네임 표시 확인
• 카카오 재로그인 시 수정한 닉네임/이미지가 유지되는지 확인
• 최초 가입 시 카카오 이름이 닉네임으로 저장되는지 확인

🤖 Generated with Claude Code

Summary by CodeRabbit

• New Features

  • 마이페이지에서 프로필 이미지를 새로 등록/변경할 수 있습니다.
  • 사용자 표시 이름이 닉네임 우선으로 표시되며, 닉네임이 없을 때만 이름이 사용됩니다.

• Bug Fixes

  • 마이페이지 수정 화면의 입력 라벨이 더 명확하게 변경되었습니다.
  • 홈, 채팅봇, 탈퇴 화면 등에서 표시 이름 기준이 일관되게 적용됩니다.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
talky-owl	Ready	Preview, Comment	Jun 26, 2026 8:43am

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository UI (base), Organization UI (inherited)

Review profile: CHILL

Plan: Pro Plus

Run ID: 253d2368-3bf4-47b9-9376-8a6a4f348955

📥 Commits

Reviewing files that changed from the base of the PR and between fd984f0 and aeef4f5.

📒 Files selected for processing (7)

• src/app/(page)/mypage/edit/page.tsx
• src/app/(page)/mypage/page.tsx
• src/app/(page)/mypage/withdraw/page.tsx
• src/app/api/user/me/route.ts
• src/components/chatbot/Chatbot.tsx
• src/components/home/HomeGreeting.tsx
• src/lib/auth/index.ts

---

📝 Walkthrough

Walkthrough

마이페이지 편집, 홈, 챗봇, 탈퇴 화면의 표시명이 닉네임 우선으로 바뀌고, /api/user/me PATCH는 multipart profileImage를 검증해 Supabase Storage에 업로드한 뒤 공개 URL을 저장하도록 확장되었다.

Changes

사용자 표시명 및 프로필 이미지 업데이트

Layer / File(s)	Summary
마이페이지 닉네임 입력 기본값과 라벨 src/app/(page)/mypage/edit/page.tsx	reset()의 nickname 초기값이 user.nickname 우선으로 바뀌고, 입력 라벨이 이름에서 닉네임으로 바뀌었다.
표시명 렌더링 우선순위 src/app/(page)/mypage/page.tsx, src/app/(page)/mypage/withdraw/page.tsx, src/components/chatbot/Chatbot.tsx, src/components/home/HomeGreeting.tsx	마이페이지, 탈퇴 페이지, 챗봇, 홈 인사말에서 displayName이 user.nickname을 먼저 사용하도록 바뀌었다.
프로필 이미지 PATCH 처리 src/app/api/user/me/route.ts	PATCH /api/user/me가 FormData의 profileImage를 검증하고, Supabase Storage에 업로드한 뒤 공개 URL을 profileImageUrl에 반영한다.

Sequence Diagram(s)

sequenceDiagram
  participant Client
  participant UserMeRoute
  participant SupabaseStorage
  participant Prisma
  Client->>UserMeRoute: multipart FormData(profileImage)
  UserMeRoute->>UserMeRoute: validate MIME type and size
  UserMeRoute->>SupabaseStorage: upload(file, upsert: true)
  SupabaseStorage-->>UserMeRoute: public URL
  UserMeRoute->>Prisma: update profileImageUrl
  Prisma-->>UserMeRoute: saved user
  UserMeRoute-->>Client: response

Loading

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Possibly related PRs

• I5-Project/TALKY-OWL#71: src/app/api/user/me/route.ts의 multipart profileImage 처리와 마이페이지 편집 흐름을 같은 PATCH 경로에서 다룬다.
• I5-Project/TALKY-OWL#88: src/app/(page)/mypage/edit/page.tsx의 user.name/user.nickname 초기값 우선순위와 직접 겹친다.
• I5-Project/TALKY-OWL#68: HomeGreeting의 displayName 선택 로직을 다뤄 이번 닉네임 우선 표시 변경과 같은 코드 경로를 수정한다.

Suggested reviewers

• juahcheon

Poem

토끼 귀가 쫑긋, 닉네임이 먼저 반짝 🐰
홈도 마이페이지도 같은 이름을 부르네
프로필 사진은 구름 너머 저장소로 폴짝
공개 URL도 반짝, 새로 빛나네
오늘 업데이트, 당근처럼 아삭아삭!

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch fix/profile-edit

---

_{Comment @coderabbitai help to get the list of available commands.}