POP-SPOT v2.34 (2/4) — 팝스팟 UI 리디자인 배포 — 홈·상세·MY·여권·코스·음악·동행·관리자 (redesign/test 병합)

GitHub에서 이 커밋 보기

GitHub에서 이 커밋 보기

쉬운 설명: 실시간 혼잡도 되살림 — 지도 아래 슬림 바 작업이다.

바꾼 이유: 혼잡도(지역별 모달)를 삭제하지 않고 복원. 혼잡도는 '지역/공간' 개념이라 지도 바로 아래 풀폭 슬림 바로 배치(벤토 2x2 안 깨고 맥락 자연스러움). - 바: 실시간 혼잡도 + 성수 현재 레벨(데이터 있으면) → 누르면 지역별 혼잡도 모달(AIReportModal) - 로컬은 백엔드 없어 레벨/모달 미표시("지역별 실시간 분석" 폴백), 실배포서 동작

파일 수: 1개이다.

GitHub에서 이 커밋 보기

쉬운 설명: 팝업 캘린더 되살림 — 지도 아래 유틸리티 2열 작업이다.

바꾼 이유: 혼잡도 단독 슬림 바 → [실시간 혼잡도(공간) | 팝업 캘린더(시간)] 2열로. - 캘린더 바: 누르면 PopupCalendarModal(월별 달력) 오픈 — 로컬에서도 동작 확인 - 혼잡도 바: 성수 레벨 + 지역별 혼잡도 모달(실배포서 데이터) - 모바일은 1열 스택, 데스크톱 2열. 지도 컨텍스트에 유틸 묶음.

파일 수: 1개이다.

GitHub에서 이 커밋 보기

쉬운 설명: 팝업 상세 전면 재설계 (사진 히어로 + 정보 바 + CTA + 라이트/한글) 작업이다.

바꾼 이유: 개선안 반영 — 로직(인증·fetch·스탬프·찜) 보존, 렌더만 교체: - 마퀴 텍스트 + DigitalTicket(티켓 메타포) 히어로 → 실제 커버 사진 히어로 + 제목 오버레이 (사진 없으면 카테고리 그라디언트). 뒤로/공유/찜은 히어로 상단. - 기간·운영·마감 D-day 정보 바를 상단 고정(티켓 밑에 숨기지 않음) - CTA 위계: 길찾기(주, 카카오맵) · 방문 인증(보조) · 찜(히어로 아이콘) - bg-[#050505] 다크 → bg-background 라이트 어댑티브, #111 카드 → 라이트 카드 - 영어 라벨 제거: Period/Open Time→기간/운영, About This Spot→소개, Live Visitor Talk→실시간 방문자 톡, Report/Takedown→신고·삭제 요청 - imageUrl 을 상세 상태에 매핑. 로컬 목업 폴백(dev) 추가로 백엔드 없이 미리보기.

파일 수: 1개이다.

GitHub에서 이 커밋 보기

쉬운 설명: 비로그인/게스트도 팝업 상세 열람 가능 작업이다.

바꾼 이유: 기존엔 상세 페이지가 localStorage.user 없으면 /login 으로 강제 리다이렉트 → 게스트(둘러보기)가 팝업을 눌러도 상세로 못 들어가던 문제. - 상세는 공유·SEO·게스트 둘러보기 위해 누구나 열람 가능하게(리다이렉트 제거) - 스탬프·찜 등 액션 시에만 로그인 유도(notify + /login) - checkIfStamped/checkWishlistStatus 는 user 없으면 스킵

파일 수: 1개이다.

GitHub에서 이 커밋 보기

쉬운 설명: 히어로 이미지 화질·크기 수정 작업이다.

바꾼 이유: - 목업 커버 해상도 440→1200px: 카드용 저해상도를 전체폭 히어로에 늘려 깨지던 문제 해결 (카드는 다운스케일로 여전히 선명, 히어로는 near-native) - 히어로 높이 48vh → 38vh + max-h 440px: 너무 크던 것 축소

파일 수: 2개이다.

GitHub에서 이 커밋 보기

쉬운 설명: MY → '기록' 대시보드 + next/image pexels 허용 작업이다.

바꾼 이유: MY 개선안: - 좌측 절반 차지하던 코스 지도(My Course Preview) 제거 → 전체폭 세로 대시보드(max-w-3xl 카드) - 영어 라벨 한글화: Activity Dashboard→활동 기록, Wishlist→찜한 팝업, Saved Courses→저장한 코스 - 프로필 + 통계(찜/스탬프/톡, 실데이터) + 등급(RankCard) + 찜한 팝업 카드 + 최근 방문 유지 - 로컬 미리보기용 dev 목업(통계·찜) 폴백 추가

파일 수: 2개이다.

GitHub에서 이 커밋 보기

쉬운 설명: 여권 → 방문 팝업 사진 카드 작업이다.

바꾼 이유: 여권 개선안 '스탬프 = 방문한 팝업의 추억': - 추상 라임 동그라미(카테고리 약자) → 방문 팝업 사진 카드(사진+이름+방문일+체크 배지) 사진 없으면 카테고리 그라디언트. 잠금 슬롯은 "다음 팝업/방문하면 열림" - 좁은 max-md 중앙 컬럼 → 전체폭 반응형 그리드(2~4열) - 레벨·진행바·리워드 섹션 제거(MY '기록' 대시보드와 중복) - 영어 라벨 제거: POP-PASSPORT/MY STAMPS/REWARDS → 내 스탬프 N/12 - 라이트 어댑티브. PASSPORT 탭 래퍼 중앙정렬/overflow 제거(전체폭 상단정렬) - 로컬 미리보기용 dev 목업(스탬프) 폴백

파일 수: 2개이다.

GitHub에서 이 커밋 보기

쉬운 설명: 비로그인/게스트도 여권 열람 가능 작업이다.

바꾼 이유: 여권 탭이 user 없으면 로그인 벽을 띄워 게스트(둘러보기)가 못 보던 문제. - PASSPORT 탭: 로그인 프롬프트 제거 → 항상 PassportView 렌더 - PassportView: 게스트는 빈 여권(0/12), 로컬 개발은 미리보기 목업 스탬프 - 스탬프 적립(방문 인증)은 상세 페이지에서 로그인 유도(기존)

파일 수: 2개이다.

GitHub에서 이 커밋 보기

쉬운 설명: 코스 → 앱 내 동선 지도 + 마이페이지 저장 + 작전지도 연동 작업이다.

바꾼 이유: - 카카오맵 길찾기 외부 링크 대신 InteractiveMap(showPath)로 앱 안에서 동선을 그린다 (번호 매겨진 코스 마커 1·2·3 + 경로선, COURSE 결과 블록에 삽입). - "마이페이지에 저장"(handleSaveAiCourse) / "작전지도에서 함께 짜기"(handleOpenCourseInPlanning) 두 버튼으로 교체. 저장은 /api/my-courses, 작전지도는 planningSeedCourse 세션스토리지 경유. - /planning: onConnect 후 planningSeedCourse를 기존 ADD 액션으로 리플레이해 방을 시드 (백엔드 변경 불필요, 협업 마커로 그대로 편집 가능). 1회만 수행 후 즉시 비움. - devMockPopups: 백엔드 없는 로컬에서 동선 지도/버튼 미리보기용 devMockCourse(서울 실제 좌표 3곳) 추가, handleAiRecommend 실패 시 dev 폴백.

파일 수: 3개이다.

GitHub에서 이 커밋 보기

쉬운 설명: 음악 → '무드로 고르는 팝업'(앨범 그리드 강등) 작업이다.

바꾼 이유: - 스포티파이 앨범/트랙 그리드가 화면을 지배하던 음악 탭을, 팝스팟 핵심인 팝업 발견 중심으로 뒤집음. - PRIMARY: 무드 선택(감성·카페/트렌디·K팝/아기자기/전시·아트/데이트/비 오는 날) → 그 무드의 팝업 사진 카드(PopupCard) 그리드. 무드마다 팝업 카테고리를 매핑해 필터링, 매칭이 적으면 조회수순으로 채워 그리드가 비지 않게. - SECONDARY(강등): '이 무드의 배경음악' 위젯 — 곡 검색·자동완성·운명의 곡·패스포트·가로 곡 스트립을 한 박스에 압축. 기존 음악 기능(플레이어/카테고리/룰렛/스포티파이 연결)은 삭제 없이 위계만 낮춤. - MusicTab 이 popups/onOpenPopup props 를 받아 홈 allPopups 로 카드 렌더(백엔드 없이도 PRIMARY 표시).

파일 수: 2개이다.