프로젝트 소개
치킨갤럭시는 한국인의 소울푸드인 치킨을 중심으로 취향과 의견, 각자의 치킨 철학을 마음껏 나눌 수 있는 우주 테마 커뮤니티 서비스입니다. 짧은 기간 안에 검색, 탐색, 반응형 UI까지 갖춘 완성도 높은 서비스를 구현하는 것을 목표로 프로젝트를 진행했습니다.
팀장으로서 프로젝트의 전반적인 방향을 조율하고 Git과 디자인을 총괄하며, 핵심 기능 구현에도 직접 참여했습니다. 사용자가 원하는 글과 정보를 빠르게 찾을 수 있도록 검색 경험을 설계하고, 다양한 데이터·상태 변화 속에서도 서비스가 안정적으로 보이도록 UI를 구성하는 데 집중했습니다.
React Compiler를 선제적으로 도입해 렌더링 성능을 개선하고, 검색 시스템과 상태별 UI 처리를 정교하게 구현했으며, 배포 단계에서 발생한 빌드·환경 오류도 직접 해결했습니다. 기능 구현부터 성능 최적화, 배포 안정성 확보까지 프론트엔드 전반을 폭넓게 경험할 수 있었던 프로젝트로, 팀원들과 함께 문제를 해결해 나가는 과정에서 협업의 가치를 깊이 체감하며 프론트엔드 5팀 중 1등 프로젝트로 선정되는 성과를 거두었습니다.
프로젝트 기간
2025.10 - 2025.11
주요 역할
- 프론트엔드 팀장
- Git 총괄 / 디자인 총괄
- 프로젝트 전반 방향 조율 및 기반 레이아웃 구현
- 검색 시스템 설계 전체 구현
- 성능 최적화 및 상태별 UI 안정성 개선
사용 기술
시연 영상
프로젝트의 주요 기능과 인터랙션을 영상으로 확인해보세요.
Challenge & Solution
React Compiler 도입으로 렌더링 성능 개선
문제 정의
검색 결과 페이지에서 검색어 입력 시 상태가 변경될 때마다, 하위의 모든 게시글 컴포넌트가 불필요하게 리렌더링되는 문제가 있었습니다. useMemo/useCallback을 수동으로 관리하기에는 컴포넌트 수가 많아 일관된 최적화 적용이 어려웠습니다.
해결 방안
React Compiler를 도입해 컴파일 단계에서 자동 메모이제이션을 적용했습니다. 수동으로 useMemo/useCallback을 작성하지 않아도 컴포넌트별 불필요한 리렌더링이 방지되어 검색 결과 목록의 반응 속도가 개선되었습니다.
