<aside>

✏️  Authors: Felix

🔍 Reviewers: -

✔️  Status: -

</aside>

Summary

기술 명세서가 다루는 작업에 대한 요약

• 게시물의 요약(썸네일, 타이틀, 작성자 등)을 카드 형태로 보여주는 컴포넌트를 제작한다.

Requirements

기술적으로 만족해야 할 조건 및 놓쳐선 안 되는 포인트

• 반응형(다양한 넓이)으로 제작하되, 썸네일의 가로 세로 비율은 유지해야 한다.
• 이미지의 지연 로딩을 지원해야 한다.
• 썸네일에 마우스를 올리면 오버레이가 떠야 한다.
• 썸네일을 클릭하면 해당 포스트의 상세 보기가 뜬다.
• 오버레이에 있는 버튼을 클릭 하면 포스트의 상세 보기가 뜨지 않는다.

Plan

브랜치, 모듈, 인터페이스, 상태 관리 전략, 데이터 흐름, 라우팅 구조, 서드 파티 라이브러리, 애니메이션, 접근성, 스켈레톤, 에러 핸들링 등

브랜치

• feat/post_card

모듈

• source/shared/lib/utils/formatCompactNumber.ts
• source/features/ui/PostCard

설계 방향

• 좋아요, 조회 수를 표시하기 위한 k/m 포맷팅 유틸 함수를 shared에 추가한다.
• 사용하는 프롭이 많지만, 소비측에서 커스텀 할 여지가 많지 않기 때문에 컴파운트 패턴 없이 설계한다.