프론트엔드
검색 서비스에서 좋은 품질의 코드를 찾는 은하수 항해 기록
두줄요약
검색 서비스 프런트엔드에서 검색 결과 UI를 큐레이션하는 경험을 공유했습니다. PC와 모바일 코드 통합, 리스팅과 컬렉션 구조를 중심으로 좋은 코드의 기준을 고민했습니다.
핵심 내용
- 검색 서비스 프런트엔드에서 검색 결과를 큐레이션하는 다양한 UI를 개발한 경험 공유
- PC와 모바일 코드의 상반된 설계 스타일을 통합해야 하는 문제와, 검색 서비스 특성에 맞는 컴포넌트 설계 고민
- 리스팅과 컬렉션 두 유형의 검색 결과 페이지 구조 소개
- 좋은 품질의 코드와 민첩성, 유연성을 갖춘 구조를 찾는 과정
구조와 흐름
- 리스팅: 상품 특성 플래그·텍스트, 주요 정보, 리뷰 같은 부가 정보로 구성된 표준 UI
- 컬렉션: 특정 목적에 따라 상품을 큐레이션해 다양한 형태로 노출하는 UI