[TIL] 2026-01-20

🎯 오늘 한 일

• WeeklyReview 좌측 리스트 UX 전면 수정

  • 카드 hover/selected 상태 분리 설계
  • hover 시 투명해지는 문제 원인 추적 및 해결
  • overlay 방식으로 hover 강조 구현

• 연도(2025/2026) 구분 UX 개선

  • 연도 헤더를 단순 텍스트 → 중앙 정렬 섹션 헤더로 변경
  • 다크 배경에서 확실히 보이도록 흰색 + pill 배경 적용

• LEFT 리스트를 “보기용”이 아닌 “탐색용 네비게이션”으로 재정의

• WeeklyReviewPage 구조 정리

  • 중복 렌더 제거
  • Panel 책임 범위 명확화
  • 불필요한 effect 주석 처리(API 대비로만 유지)

💡 배운 점

• 다크 테마에서 transparent hover는 거의 항상 UX 실패다
• hover는 “클릭 가능”, selected는 “현재 위치”를 의미해야 하며 시각적 언어가 달라야 한다
• 배경을 바꾸는 hover보다 overlay(::after) 방식이 안정적이다
• 연도 같은 메타 정보는 장식이 아니라 네비게이션 기준점이다
• “지금 필요 없는 미래 대비 코드”를 구분해서 관리하는 감각이 중요하다

🚀 내일 할 일

• 연도 헤더 sticky 옵션 적용 여부 검토
• 첫 주차(연도 경계 주)에 보조 배지 추가 검토
• WeeklyReview 데이터 API 연동을 가정한 상태 전이 점검
• 좌측 리스트 키보드 네비게이션 가능성 검토

🧩 느낀 점

• 오늘 작업은 기능 추가가 아니라 해석과 정리의 날이었다
• UI가 좋아졌다는 느낌보다, “이 화면의 역할이 명확해졌다”는 게 더 크다
• 이제 WeeklyReview는 단순 기록 뷰가 아니라, 시간을 탐색하는 도구로 보이기 시작했다