feat: 조회수 Top 5 섹션 구조 개선 및 검색 상태 UI 분기 처리

[uiuuoq]

연결된 Jira 티켓

• DP-

작업 내용

• 조회수 Top 5 섹션 구조 개선
• 동향 요약을 Top 5 섹션 내부로 통합
• 검색 상태에서 불필요한 UI(기간 탭, 날짜) 비노출 처리

주요 변경점

• HomeTopPostsSection.tsx

  • summary prop 추가
  • 제목 하단에 동향 요약 텍스트 렌더링
  • 로딩 상태 skeleton UI 추가

• HomeSearchOverlay.tsx

  • HomeTopPostsSummarySection 제거

  • summary를 HomeTopPostsSection으로 전달

  • 검색 상태(isSearching)일 때:

    • 기간 탭 비노출
    • 날짜 라벨 비노출

  • 불필요한 import 제거

• UI 구조 변경

  기존:

  • 조회수 Top 5
  • 카드 리스트
  • 조회수 Top 5 동향 (별도 섹션)
  • 기간 탭 + 날짜 표시

  변경:

  • 조회수 Top 5
  • 동향 요약
  • 카드 리스트
  • (검색 시) 탭/날짜 숨김

테스트 방법

1. 홈 → 검색 오버레이 진입

2. 기본 상태:

   • 기간 탭과 날짜 라벨이 정상 노출되는지 확인

3. 검색어 입력 (2글자 이상):

   • 검색 결과 UI로 전환되는지 확인
   • 기간 탭과 날짜 라벨이 숨겨지는지 확인

4. Top 5 섹션:

   • 제목 아래 동향 요약이 표시되는지 확인
   • 카드 리스트가 정상 렌더링되는지 확인

5. 로딩 상태에서 skeleton UI 확인

AI 사용 여부

• Claude Code를 활용하여 구조 개선 및 UI 분기 처리 구현

체크리스트

• 빌드/테스트 확인
• 리뷰어 지정
• 라벨 지정