Skip to content

[FIX] 후기 카드 표시·상호작용 오류 및 후기 수정 사진 추가 불가 수정 #298

Description

@junehuk

작업 유형

  • 기능 구현
  • UI 구현
  • 공통 컴포넌트
  • API 연동
  • 버그 수정
  • 리팩토링
  • 문서 수정
  • 환경 설정

담당 영역

  • A. 공통 기반 + 홈 - 김태혁
  • B. 인증 + 유저 + 기록 - 윤선민
  • C. 장소 탐색 + 검색 + 필터 + 지도 - 이경준
  • D. 코스/장소 상세 + 코스 등록 - 이준혁

작업 설명

후기 카드와 후기 작성·수정 화면에서 발견된 표시·동작 오류를 수정한다.

1. 리뷰 카드가 잘려 보임CourseReviewCard는 메타 정보(당일치기·자동차·친구와)와
태그 칩을 폭 계산 없이 그려서, 라벨이 길어지면 카드 밖으로 잘린 채 보였다. 코스 카드들이
이미 쓰고 있는 "폭을 재서 들어가는 개수만 그린다" 기준을 그대로 적용한다.

2. 같은 계산 로직이 여러 벌 — 위 계산이 CourseCard 내부 함수와 ContentCard
복사돼 있었고, develop에도 useVisibleItemCount가 새로 들어왔다. 하나로 합치고, 폭 계산
부분은 순수 함수로 떼어 테스트를 붙인다. getCompanionIcon도 사본이 셋이라 함께 정리한다.

3. 리뷰 카드의 좋아요 제거 — 카드의 하트는 후기가 아니라 코스에 대한 좋아요라 오해를
준다. 카드에서 제거한다(코스 카드의 좋아요는 그대로).

4. 길게 누르기 → 클릭 — 후기 상세를 길게 눌러야 열리는 건 발견하기 어렵다. 카드를
누르면 바로 열리게 하고, 코스 상세로는 모달의 '코스 보러가기'로 간다. 내 게시물 화면에는
그 버튼이 연결돼 있지 않아 함께 연결했다.

5. 후기 수정 시 사진 추가 불가 — 사진을 모두 지운 뒤 다시 추가하면 "수정 완료" 버튼이
비활성으로 남아 저장할 수 없었다. input.value를 비우면서 live FileList가 함께 비워지는데,
그 목록을 상태 갱신 함수 안에서 읽고 있어 사진이 들어가지 않았다.

6. 입력란 안내 부족 — 수정 모달에는 작성 화면에 있는 안내 문구가 없었고, 300자를 넘기면
이유 없이 입력이 막혔다. 안내 문구를 맞추고 글자 수 카운터를 넣는다.

관련 화면 / 라우트

  • / 홈 후기 섹션
  • /recent-review-courses 최근 후기
  • /{yeogido|local}-course/detail/:courseId 코스 상세 후기 미리보기
  • /{yeogido|local}-course/detail/:courseId/reviews 후기 전체보기
  • /my-posts 내 게시물
  • /review/... 후기 작성

작업 브랜치

fix/review-function-errors

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions