Hence(커뮤니티와 커머스 결합 사용자 서비스)

항목	내용
기간	2023.06 ~ 2024.01
역할	FE 6명 중 커머스 담당, 커뮤니티 메시지 구현
기술	React, TypeScript, React Router DOM, React Query, Zustand, React Hook Form, react-virtualized, Sendbird UIKit, Swiper, SCSS, Sentry

주요 업무

Shopby API로 상품 탐색부터 주문과 클레임까지 커머스 전 여정 화면을 구현했습니다.

Shopby 응답을 converter에서 ViewModel로 바꿔 가격과 옵션, 상태 라벨, 날짜 표시 분기가 페이지마다 흩어지지 않습니다. API에 없는 브랜드 탐색은 카테고리를 재귀로 묶어 구성했습니다.

react-virtualized를 상품, 브랜드, 이벤트, 리뷰 목록에 적용하고 상세에서 돌아올 때 스크롤 위치를 복원하며 캐시 만료 플래그로 갱신 여부를 구분했습니다.

Sendbird UIKit을 서비스 UI에 맞게 조정하고 메시지 목록, 대화 생성, 신고와 나가기, 팔로잉과 팔로워, 프로필 진입을 연결했습니다.