Skip to content

Conversation

@namee-h
Copy link
Contributor

@namee-h namee-h commented Jun 27, 2025

개요

유저가 자신의 프로필 정보를 모달에서 수정할 수 있는 기능을 추가했습니다.
프로필 수정은 카드 내 톱니바퀴(설정) 버튼을 통해 접근하며, 정보 수정 후 확인 다이얼로그를 거쳐 저장됩니다.

변경 사항

  • 새로운 기능 추가
  • 버그 수정
  • 리팩토링
  • 문서 수정

구현 내용

  • UpdateUserForm.tsx :유저 정보 수정 폼(모달 내부) 구현. 입력값 검증, 확인 다이얼로그, 취소/저장 버튼 등 UX 처리
  • useUpdateUserForm.ts :입력값 상태 관리 및 에러 처리 / handleSubmit에서 유효성 검증 후 결과 반환
  • useUpdateUser.ts : 유저 정보 업데이트 mutation 훅(React Query)
  • src/entities/user/api/userApi.ts : updateUser: 유저 정보 일부 필드만 업데이트

개발 후기 및 개선사항

이번 작업에서 배운 점

  • FSD 구조에서 계층 간 의존성, 훅/컴포넌트 배치의 중요성(아직도 잘 모르겠음 ㅠㅠ)
  • MUI Tooltip, Dialog 등 Portal 기반 컴포넌트의 스타일링 방법(componentsProps 활용)
  • UX 관점에서 모달/다이얼로그/스낵바의 일관된 사용자 경험 설계

어려웠던 점 / 에로사항

  • Tooltip 등 Portal 컴포넌트의 스타일 적용이 styled-components로는 안 먹히고, componentsProps로만 적용되는 점
  • FSD 규칙상 shared/entities/features 간 의존성 관리

다음에 개선하고 싶은 점

  • 이미지 업로드 기능추가 ( 고도화임 일단 ㅠ)
  • 유저 프로필에 마이프로젝트 탭 추가

팀원들과 공유하고 싶은 팁

  • MUI Tooltip, Dialog 등은 styled로 감싸지 말고 반드시 componentsProps로 스타일을 커스텀할 것!

@tkyoun0421 tkyoun0421 added type: feat 새로운 기능 개발 type: refactor 코드 리팩토링 labels Jun 27, 2025
@czmcm5
Copy link
Contributor

czmcm5 commented Jun 27, 2025

와 수정기능이 생겼군요! 👍
흐어엉 파일구조 정말 머리아프죠 ㅜㅜㅜ 공감하고 갑니다 ,,

Copy link
Contributor

@tkyoun0421 tkyoun0421 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다 👍

@tkyoun0421 tkyoun0421 merged commit 9769602 into amicable-development-center:develop Jun 27, 2025
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

type: feat 새로운 기능 개발 type: refactor 코드 리팩토링

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants