REV-77/유저 리스트 박스 컴포넌트

[hayamaster]

📑 구현 내용

• UserList 컴포넌트 구현
• string 타입의 날짜 데이터를 가공하는 convertDate 함수 구현

🚧 참고 사항

• API 명세서의 데이터 형식을 참고하여 구현했습니다.
  • 작성자별 응답 결과 전체조회
  • 수신자별 응답 결과 전체 조회

interface User {
  id: number
  image?: string
  name: string
  updated_at?: string
  responser_count?: number
}

작성자별 응답에서의 user 데이터는 updated_at이 수신자별 응답에서의 user 데이터는 responser_count를 포함하고 있기에 모두 prop으로 넘겨받을 수 있도록 하였습니다.

<div className="text-gray-500">
  {user.updated_at
    ? `답변날짜: ${convertDate(user.updated_at)}`
    : `응답자 수: ${user.responser_count}`}
</div>

user.updated_at 이 있으면 답변 날짜를 없으면 응답자 수를 보여줍니다.

[khj0426]

🥇 고생하셨씁니다