Release Notes (v0.1.0)

🎉 새로운 기능

프로필 및 팔로우 시스템

• 프로필 검색: 사용자 닉네임으로 프로필을 검색하고 검색 결과에서 바로 팔로우 가능
• 팔로잉/팔로워 페이지: 팔로워 및 팔로잉 목록을 조회할 수 있는 전용 페이지 구현
• 커서 기반 무한 스크롤: 팔로잉/팔로워 리스트에 커서 기반 무한 스크롤 적용

UI 개선

• 사진 뷰어 네비게이션: 사진 뷰어에 이전/다음 이미지 탐색 버튼 추가
• 리뷰 이미지 정렬: 리뷰 이미지를 등록순으로 정렬하여 표시
• 메인페이지 팔로잉 탭: 사용자가 팔로우한 사용자들의 리뷰만 볼 수 있는 필터링 기능
• 데이터 없을 때 대체 화면: 홈, 마이/유저 페이지, 검색 화면에서 데이터가 없는 경우 안내 화면 구현

오류 관리 개선

• 토스트 에러 알림: 팔로우/팔로잉, 리뷰 저장/삭제, 임시저장 API 오류 시 토스트 형태의 알림 표시
• Suspense 기반 로딩 처리: React의 Suspense를 활용한 로딩 화면 구현
• 로딩 인디케이터 개선: 텍스트 기반 로딩 메시지를 Lottie 애니메이션 스피너로 변경

🔧 기능 개선

UI/UX 개선

• 검색 페이지 개선: 검색 페이지 타이틀 및 검색창 디자인 개선, 네비게이션 경로에 따른 UI 분기
• 디자인 수정: 리스트 아이템, 임시저장 모달, 카페정보 페이지 스타일을 시안에 따라 수정
• 프로필 관련 UI 개선:
  • 프로필 편집 페이지 레이아웃 개선
  • 닉네임 20자 이상, 소개 50자 이상 입력 시 UI 경고 표시
  • 기본 프로필 이미지 디자인 변경
• 리뷰 작성 페이지 개선:
  • 카페정보 상단 고정
  • 컴포넌트 간 간격 조정 및 인터랙션 개선
  • 별점 컴포넌트 선택 시 크기 증가 및 내부 간격 조정
• DatePicker 개선: 날짜 선택기에서 요일과 날짜의 수직 정렬 문제 해결

데이터 관리 개선

• 프로필 조회 API 최적화: 프로필 조회 API를 useQuery로 변경하여 캐싱 활용
• 탭 전환 시 데이터 관리: 메인페이지 및 마이페이지에서 탭 전환 시 데이터 초기화 및 타임스탬프 리셋
• Object URL 관리 개선: 컴포넌트 언마운트 시 이미지 Blob URL 해제 처리 추가

🐛 버그 수정

• 검색 관련 버그:
  • SearchBar 이전 검색어 남아있는 문제 해결
  • 경로 전환 시 이전 검색 결과 초기화
• z-index 문제: webkit-overflow-scrolling: touch 속성이 유발하는 z-index 문제 수정
• 커서 관련 버그: 무한 스크롤 트리거 후 마이페이지 탭 변경 시 발생하는 문제 해결
• 프로필 이미지 관련 버그:
  • 리뷰 기본 이미지가 표시되지 않는 오류 해결
  • 프로필 검색 시 자신의 기본 프로필 이미지를 주황색으로 표시

📝 개발자 참고사항

• 데이터가 없는 경우 표시되는 UI는 NoContent 컴포넌트로 통합하여 재사용
• useApiQuery와 useApiSuspenseQuery를 구분하여 적절한 상황에 맞게 사용
• useInfiniteQuery 사용 시 자동 호출을 방지하기 위한 enabled: false 설정 고려

🛠️ 기술적 변경사항

• 모달 컴포넌트에서 subtitle 속성 제거하고 description으로 통합
• 오류 처리 시 전체 화면 에러 대신 토스트 메시지 표시 옵션 추가

Release Notes (v0.0.7)

🎉 새로운 기능

메인페이지 무한 스크롤

• 최신순(NEW)과 평점순(HIGH_RATING) 정렬에 무한 스크롤 적용
• 커서 기반 페이지네이션으로 마지막 리뷰의 타임스탬프와 평점을 활용한 효율적인 데이터 로딩

마이페이지/유저페이지 개편

• 프로필 헤더에 리뷰개수, 팔로워, 팔로잉 탭 추가
• 리뷰 탭 클릭 시 자동 스크롤 기능 추가
• 마이페이지 리뷰 리스트에 무한 스크롤 적용

검색 기능 개선

• 카페 검색과 프로필 검색을 분리하는 탭 UI 구현

Important

탭 UI만 구현되어 있고 프로필 탭 기능은 아직 미구현 상태입니다.

에러 처리 시스템

• 서버 에러와 404 에러에 대한 에러 페이지 구현
• ErrorBoundary를 활용한 전역 에러 핸들링
• API 에러 Throw에 대한 Catch 및 에러페이지 표시

🔧 기능 개선

UI/UX 개선

• IntersectionObserver를 활용한 무한 스크롤 구현
• 커서 기반 페이지네이션으로 성능 최적화
• 카페의 인스타그램 계정명을 링크 텍스트로 표시

API 최적화

• useApiQuery에 동적 URL 지원 추가

🐛 알려진 이슈

• 팔로잉/팔로우 버튼 컴포넌트의 크기 조정 기능 필요
• 낙관적 업데이트 구현 필요

📋 개발자 참고사항

• 탭 전환 시 데이터 로드 및 상태 관리는 사용하는 페이지에서 직접 수행 필요
• normalizeTimestamp 함수는 현재 미사용 -> 추후 유틸리티 클래스로 이동 검토

Release v0.0.6: 프로필 수정/표시, 리뷰 프로필 스타일

Release Notes (v0.0.6)

🎉 새로운 기능

프로필 수정 기능

• 마이페이지에서 프로필 사진, 닉네임, 자기소개 표시, 수정 기능 추가
• 닉네임 유효성 판정 로직(0자, 이미 존재하는 닉네임)
• 프로필 사진 스타일 추가

🎨 스타일 변경

리뷰 프로필 스타일

• 리뷰에서 표시되는 프로필 스타일 추가(원형 크롭)

Release Notes (v0.0.4)

Release Notes (v0.0.4)

🎉 새로운 기능

임시 저장 기능 추가

• 리뷰 작성 중 임시저장 기능 구현
• 작성 중인 리뷰 목록 페이지 추가
• 임시저장된 리뷰 개수 표시 및 진입 버튼 추가
• 임시저장 리뷰 다중 선택 및 삭제 UI 추가(기능 미 작동)

리뷰 작성 중 이탈 방지

• 작성 중인 내용이 있을 때 뒤로가기/페이지 이탈 시 확인 모달 표시

🔧 기능 개선

UI/UX 개선

• 태그 선택 UI 최대 선택 개수 제한 및 에러UI 추가
• 이미지 업로드 진행 상태에 따른 스피너 애니메이션 추가

Release Notes (v0.0.3)

Release Notes (v0.0.3)

🎉 새로운 기능

리뷰 작성 페이지 UX 개선

• 별점 선택에 따른 피드백 텍스트 표시
  • 1점: "실망스러워요."
  • 2점: "별로에요."
  • 3점: "그럭저럭이에요."
  • 4점: "만족스러워요!"
  • 5점: "최고예요!"
• 필수 항목 표시를 위한 주황색 인디케이터 추가
• 필수 항목 미입력 시 에러 스타일과 안내 텍스트 표시
• 태그 선택 영역에 "최대 5개" 안내 문구 추가
• 필수 입력 항목을 방문 날짜와 별점으로 축소
• 별점, 태그 영역 간 구분선 추가하여 가독성 개선

🔧 기능 개선

• 프로필 헤더 스크롤 동작 개선

🛠 기술적 개선점

• 리뷰 작성 페이지 구조 개선
  • 핸들러 로직을 useReviewHandlers 커스텀 훅으로 분리
  • 태그 선택 기능을 독립적인 TagSelector 컴포넌트로 분리하여 재사용성 향상

Release v0.0.2: 이미지 뷰어 추가, 페이지 기능/스타일 개선

Release Notes (v0.0.2)

🎉 새로운 기능

리뷰 썸네일 표시 및 기능 개선

• 리뷰 썸네일 슬라이드에 스타일(object-fit: cover) 적용
  • 이미지의 가로세로 비율(aspect ratio)은 유지
  • 요소의 크기를 완전히 채우기 위해 크롭
• 리뷰 이미지를 전체화면으로 볼 수 있는 FullScreenViewer 컴포넌트 구현

카페 정보 링크 기능

• Chips 컴포넌트에서 카페 상세 페이지로의 네비게이션 기능 추가

🔧 기능 개선

카페 검색 UI 개선

• 검색바를 sticky 포지션으로 변경하여 스크롤 시에도 항상 상단에 고정

카페 정보 조회 로직 최적화

• CafeInfo 컴포넌트의 API 호출 로직을 단순화
• 불필요한 useCallback과 useRef 의존성을 제거
• 카페 정보와 리뷰 데이터를 하나의 useEffect에서 순차적으로 가져오도록 수정
• useCafeApi의 getCafe 함수에 onSuccess, onError 콜백 옵션을 추가

마이페이지 스크롤 동작 개선

• 스크롤 임계값 조정 (80px → 156px)
• 헤더 축소 시점 조정 (10px → 76px)
• 스크롤 위치 보정 로직 주석처리

🛠 기술적 개선점

• HTML 엔티티 Sanitizer 추가(카페 이름 특수문자 처리)

💡기타 변경점

• 이미지 업로드 제한 완화(5MB → 10MB)

메인 UI, 리뷰 작성, 프로필 API 연동 업데이트 (v0.0.1)

Release Notes (v0.0.1)

🎉 새로운 기능

프로필 정보 동적 로딩

• 사용자의 프로필 정보(닉네임, 자기소개)를 API를 통해 실시간으로 불러오도록 개선
• 프로필 정보가 없는 경우 기본값 설정 및 안내 메시지 표시

리뷰 작성 기능

• 카페 상세 페이지에서 리뷰 작성 페이지로의 네비게이션 구현

🔧 기능 개선

리뷰 목록 표시 방식 개선

• 전체 리뷰와 사용자 개인 리뷰를 구분하여 표시하는 기능 추가 (type="all"/"my")

UI/UX 개선

• 모바일 환경에서 주소창으로 인한 뷰포트 높이 변경 시 Footer가 가려지는 문제 해결
• PhotoSwiper 개선
• 카페 이름 표시 기능 추가
• 이미지 없는 경우에도 카페 정보 표시
• Chips 컴포넌트 개선
• 컨텐츠 길이에 따른 동적 너비 조정
• 긴 텍스트에 대한 말줄임표 처리
• 장소 검색 페이지의 불필요한 완료 버튼 제거

🛠 기술적 개선점

• API 로직 분리에 따른 useCallback, useEffect 의존성 관리 이슈 확인
• 차후 React Query/SWR 도입 검토 필요

📋 사용 가이드

ReviewList 컴포넌트

// 전체 리뷰 표시
<ReviewList type="all" params={{ sort: "NEW", limit: 10 }} />

// 내 리뷰 표시
<ReviewList type="my" params={{ limit: 10 }} />

Release v0.0.5: 리뷰 필터링(태그), 리뷰 삭제, 카페 스크랩 기능 추가

Release Notes (v0.0.5)

🎉 새로운 기능

리뷰 필터링 기능 추가

• 태그 기반 리뷰 필터링 기능 구현
• 필터 적용 상태를 표시하는 인디케이터 추가
• 태그 필터 초기화 기능 추가

리뷰 관리 기능

• 리뷰 삭제 기능 추가
• 본인 작성 리뷰에만 "수정", "삭제" 표시(수정 미구현, 삭제 구현)
• 삭제 전 확인 모달 추가

스크랩 기능

• 카페 스크랩 토글 기능 추가
• 마이페이지에서 스크랩한 카페 목록 조회 기능 추가

🔧 기능 개선

UI/UX 개선

• 헤더와 푸터를 화면 중앙 정렬(max-width: 600px), fixed, 이벤트 무시 설정
• 오버스크롤 동작 개선
• 로그인, 헤더 로고 이미지 추가

🐛 버그 수정

• 리뷰 작성 페이지 뒤로가기 처리 개선(더 더 개선 필요!)