Skip to content

fix(web): 사용자 동선 복구와 UI/UX 정돈 - #3828

Draft
twoimo wants to merge 2 commits into
mainfrom
preview/user-journey-ux-20261113
Draft

twoimo wants to merge 2 commits into
mainfrom
preview/user-journey-ux-20261113

Conversation

@twoimo

@twoimo twoimo commented Nov 13, 2026

Copy link
Copy Markdown
Owner

Problem

로그인한 사용자로 운영 사이트의 검색 → 상세 → 리뷰, 북마크 → 지도, 프로필/동의 설정, 제보 내역과 폼 등 12개 시나리오를 확인했습니다. 북마크의 이동 경로 누락, 조회 실패를 빈 결과로 표시하는 동작, 지역 미조회 수치를 0으로 표시하는 문제, 리뷰/제보의 초점 복귀와 오류 이동, 과도한 강조와 모호한 문구가 주요 동선을 방해했습니다.

Changes

  • 북마크 제목과 “지도에서 보기”를 실제 링크로 연결하고 기존 국내/해외 모드 및 뒤로가기 계약을 유지합니다.
  • 검색 실패/정상 빈 결과/기존 결과 갱신 실패를 구분하고 재시도와 검색 방식 전환을 제공합니다. 늦게 도착한 최근·인기 검색 응답이 새 입력이나 선택을 덮어쓰지 않도록 합니다.
  • 홈의 영상 정렬 의미와 테마 기준을 명확히 하고, 조회하지 않은 지역의 수치를 숨깁니다. 모바일 주요 조작부와 지도 상태 표시 간격을 개선합니다.
  • 활동 중심의 프로필 계층, 접을 수 있는 계정 설정, 분리된 정책 읽기/동의, 제보 내역의 오류·로딩 중 문맥과 지도 복귀를 제공합니다.
  • 리뷰·제보의 Escape/초점 복귀, 첫 오류 필드 이동, 사진 조작, 공유 완료 피드백과 읽기 재시도를 개선합니다. 서버 준비 상태에 따른 쓰기 제한과 개인정보 동의·삭제·재인증 조건은 유지합니다.
  • 실제 음식 사진과 기존 브랜드 색/한글 서체를 유지하며 장식 이모지, 과장된 통계 라벨, 사용자에게 불필요한 구현·디자인 설명, 과한 제목 굵기와 좁은 입력/닫기 버튼을 정리합니다.

UI UX Pro Max (6ae86f61f520d6ca229d2f40e070410638c908c5)와 unslop (97daa3eb365670ea3f87ed85356cbfcee18105a5)의 관련 지침을 적용했습니다. unslop attribution: Damir Sokolovsky (@heydamir), CC BY 4.0.

backend, Compose, CI, 의존성/lock 파일은 변경하지 않습니다.

Verification

  • 운영 사이트 로그인 및 읽기 중심 수동 QA 12개 시나리오. 실제 리뷰/제보 제출, 북마크 삭제, 동의/비밀번호 변경은 수행하지 않았습니다.
  • npx --yes npm@11.6.2 run typecheck:parity: 최종 통합 소스 diagnostics 0.
  • npx --yes npm@11.6.2 run build: Next 빌드, 58개 페이지 생성, route CSS 경계 통과. 이후 좁은 검색 generation guard와 리뷰 편집 헤더 간격 수정은 최종 parity/영향 테스트로 확인했으며 정확한 최종 코드의 Vercel 빌드는 확인 중입니다.
  • 변경 파일 targeted ESLint 및 git diff --check 통과.
  • Bun 영향 테스트 그룹: 계정/auth 135 pass; 홈 87 pass; 최종 검색 selection/recovery/global 20 pass; 별도 모바일 검색 13 pass; 공통 디자인 23 pass; web-quality/review journey/avatar 53 pass. 그룹 간 중복이 있어 총합으로 표시하지 않습니다.
  • 고정 Chrome for Testing 다운로드 ZIP 검증 실패로 자동 브라우저 테스트는 실행하지 못했습니다. SSR/소스 검사를 실제 모바일 브라우저 통과로 계산하지 않습니다.
  • 로컬 코드 commit: 526656dc0a05d6189286bf56b10339bcb69caf3d.
  • GitHub 앱으로 생성한 코드 commit: cba9c868e10e7b2107347202822252ef9aa1c236. 두 commit의 파일 tree는 6855e37c6557b1e704506a39469feb66accd76fa로 일치합니다.

Remaining work

  • Git-integrated feature preview의 최종 빌드와 실제 화면 재검증, 이 PR의 CI 확인.
  • QA 보고서와 개인정보를 제외한 근거를 다음 문서 commit으로 추가합니다.
  • 실제 모바일 320/390px, 확대, 주소창 변화 및 허용된 테스트 환경의 쓰기 완료 시나리오는 추가 검증 대상입니다.
  • 운영에서 관찰한 제보 내역 조회 오류와 리뷰 쓰기 준비 상태는 UI만으로 해결되지 않습니다. 이 PR은 복구 경로와 상태 표현을 개선합니다.
  • 운영 배포 및 도메인 전환은 이 draft PR에서 실행하지 않습니다.

@vercel

vercel Bot commented Nov 13, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
tzudong Ready Ready Preview Nov 13, 2026 9:54am UTC

"next/image": "import React from 'react';export default function Image({unoptimized,fill,priority,...props}){return <img {...props}/>;}",
"@/contexts/AuthContext": "const user={id:'33333333-3333-4333-8333-333333333333',email:'fixture@example.test',user_metadata:{}};export const useAuth=()=>({user,profileNickname:'검증 계정'});",
"@tanstack/react-query": "import {getQuery} from 'journey-fixture-state';export const useInfiniteQuery=getQuery;export const useMutation=()=>({mutate(){},isPending:false});export const useQueryClient=()=>({invalidateQueries:async()=>{},clear(){}});",
"@/hooks/use-home-return-href": `export const useHomeReturnHref=()=>${JSON.stringify(mapReturnHref)};`,

This branch was successfully deployed

1 active deployment
Preview — 23a090e6 Deployed Nov 13, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants