저희 조 오성그룹이 개발한 ‘이화 마켓’은 중고거래 플랫폼의 웹어플리케이션입니다. 이화마켓의 핵심 기능 중 하나는 바로 ‘리뷰 전체 조회’ 페이지인데요, 이 페이지에서 사용자들은 많은 후기들을 쉽고 편하게 볼 수 있습니다. 이번 포스팅에서는 이 많은 정보들을 직관적이고 깔끔하게 정리하여 탐색 경험을 최적화한 프론트엔드 구현 과정을 설명하고자 합니다. 리뷰 페이지, 어떻게 구현할까?리뷰 조회 페이지에서는 리뷰 제목, 이미지, 별점, 작성자 아이디 등 다양한 정보가 한 눈에 들어오는 것이 중요합니다. 또 모든 정보가 똑같은 중요도를 가지는 것은 아닙니다. 사용자들이 주로 많이 신경 쓸 제목과 별점, 이미지를 강조할 수 있어야 했습니다. 따라서 단순히 리스트로 나열하기보다는 카드에 정보를 담아 보여주는 것이..