[Feat] 사용자 상세 정보 - 프로필 & 계정 이력 페이지 구현

[aken-you]

🌱 연관된 이슈

559
560

☘️ 작업 내용

TabMenu

TabMenu라는 공통 컴포넌트를 만들었습니다.

사용자 상세 정보 경로

상세 정보에서 탭은 크게 4가지 있습니다.
(현재 사용자 상세 정보 경로로 들어가는 flow를 파악하지 못하여, 구현이 안되어있습니다. 직접 주소창에 url를 입력해서 확인 부탁드립니다.)

• 프로필: /admin/detail/${memberId}/profile
• 계정 이력: /admin/detail/${memberId}/account-history
• 스터디: /admin/detail/${memberId}/study
• 성실온도: /admin/detail/${memberId}/sincerity-temp

만약 /admin/detail, /admin/detail/${memberId}로 들어올 경우를 대비하기 위해, notFound를 이용하여 404 페이지를 표시해두었습니다.

middleware.ts에서 jwt 토큰을 파싱하여 사용자가 어드민 권한이 없을 경우, 홈페이지로 리다이렉션 시켰습니다.

프로필 페이지

UserProfileModal 컴포넌트에서 붙여넣었습니다. 시간이 별로 없어 공통 부분은 나중에 리팩토링하도록 하겠습니다...

계정 이력

/api/v1/admin/members/{memberId}/account-histories에서 확인해야 할 부분이 있어 질문을 드린 상황입니다.

질문드린 내용은 다음과 같아요.

• loginMostRecentlyAt가 null로 응답 오는 경우 있었음
• loginHists가 빈배열이 아닌 null로 응답옴 (그래서, 우선 RecentLoginHistory 주석처리)
• memberStatusChangeHists에서 상태가 "활성"이 아닌 "활성화"로 응답옴

답변 받으면 바로 수정해서 노티 드리도록 하겠습니다.

{
  "statusCode": 1073741824,
  "timestamp": "2025-10-09T15:31:14.056Z",
  "content": {
    "memberId": 9007199254740991,
    "joinedAt": "2025-10-09T15:31:14.056Z",
    "loginMostRecentlyAt": "2025-10-09T15:31:14.056Z",
    "loginHists": [
      "2025-10-09T15:31:14.056Z"
    ],
    "roleChangeHists": [
      {
        "changedAt": "2025-10-09T15:31:14.056Z",
        "from": "string",
        "to": "string"
      }
    ],
    "memberStatusChangeHists": [
      {
        "changedAt": "2025-10-09T15:31:14.056Z",
        "from": "string",
        "to": "string"
      }
    ]
  },
  "message": "string"
}