■ 김민식(팀장)

📌 프로젝트 개선 정리 및 플로우차트 문서

1. 📂 플로우차트에 그린 내용 요약

• 프로젝트 실행 시 동작 흐름

  • CacheConfig 파일 로드
  • init 함수 실행
  • 첫 실행 화면 구성 로직

• 검색 기능 흐름

  • 검색 버튼 클릭 시 동작 흐름

• 캐시 삭제 기능 흐름

  • 캐시 삭제 버튼 클릭 시 동작 흐름

  ---

2. 🛠️ 개선 사항 (문제 원인 → 해결)

🚨 문제 1 — 인기 검색어가 Redis가 아닌 캐시 값으로 표시됨

• 원인: 인기 검색어 조회 로직이 캐시 데이터를 먼저 참조
• 개선: 캐시 사용을 제거하고 항상 Redis 값을 직접 조회하도록 수정

🚨 문제 2 — 최근 검색어가 Redis가 아닌 JS div에 저장됨

• 원인: 검색 버튼 클릭 시 JS에서만 div에 최근 검색어가 저장됨
• 문제: 서버 공유 불가, 사용자 별 검색 이력 일관성 깨짐
• 개선:
  • 최근 검색어 저장 방식을 JS → Redis 저장 방식으로 변경
  • 이후 화면 표시도 Redis 값 기반으로 로딩되도록 수정

🚨 문제 3 — 캐시 삭제 버튼 클릭 시 실제 Redis 삭제가 반영되지 않음

• 원인: Redis는 삭제되지만 캐시가 남아있어 UI에 반영되지 않는 문제