---
title: "MCP 브라우징 보고서 — 프로필 공개 대시보드/기록 (데스크탑·모바일 실측)"
category: "report"
document_type: "MCP브라우징보고서"
source_status: "generated"
knowledge_group: "04_research"
priority: "Medium"
purpose: "프로필 공개 대시보드/기록 기능을 라이브(dallog.pages.dev)에서 MCP 브라우징으로 실측한 보고. 타인 프로필 2단 폭 수정 배포 확인, 공개 카드 펼침(그래프·달력), 공개 모달, 모바일 전환형 스크린샷·정상동작·재현조건 기록."
read_when: ["검수·QA","기능파악"]
updated: "2026-06-04"
work_timestamp: "20260604_201920"
context: "달록본레포CC (D:\\dallog\\dallog_git)"
source_of_truth: "https://dallog-tools.hansbridge.co.kr/knowledge/"
---

# MCP 브라우징 보고서 — 프로필 공개 대시보드/기록

> Playwright(MCP 브라우징)로 라이브 배포를 실제 조작·캡처한 검수 보고. 스크린샷 6종은 `assets-20260604-profile-ui/`에 동봉.

## 1. 테스트 환경
| 항목 | 값 |
|---|---|
| 대상 | https://dallog.pages.dev (demoversion 배포) |
| 일시 | 2026-06-04 |
| 도구 | Playwright MCP (Chromium) |
| 뷰포트 | 데스크탑 1440×900 · 모바일 390×844 |
| 세션 계정 | 데모 세션(사이드바 `master`, 데이터 없음) — 타인 프로필 열람은 공개 데이터라 무관 |
| 검수 대상 프로필 | `/u/hans` (@hans, 전체공개, 공개 기록 4건 보유) |

## 2. 경로별 정상 동작

### 2-1. 타인 프로필 2단 레이아웃 (폭 수정 배포 확인) — `01_desktop_u-hans_2col.png`
![데스크탑 2단 프로필](pacelog-archive/pages/05-status/assets-20260604-profile-ui/01_desktop_u-hans_2col.png)
- 좌 **프로필 기록**(공개 카드 4) · 우 **피드**(최근 게시물) 2단 병렬. 본인 프로필과 동일 폭으로 시원하게 렌더.
- DOM 실측: `main.lay-main` 에 **`is-wide`** 적용(width 1164px), `.social-page--split` 1084px, 컬럼 591/437px. → **`/u/:handle` wide 수정(PR#33) 라이브 반영 확인**.
- 히어로 통계에 **공개한 기록 4** 노출, 타인이라 **팔로우** 버튼 표시(관리 버튼 없음).

### 2-2. 공개 대시보드 카드 펼침 — `02_desktop_dashboard-card-expanded.png`
![대시보드 카드 펼침](pacelog-archive/pages/05-status/assets-20260604-profile-ui/02_desktop_dashboard-card-expanded.png)
- "근력 대시보드 · 전체" **바로가기** → STRENGTH 섹션이 **읽기전용**으로 펼쳐짐(최근 운동 폴업, 세션 20회, 총볼륨 104,833, 세트당 평균볼륨 624 + 차트).
- **핵심 검증**: 타인 프로필에서도 대시보드 섹션 컴포넌트(`readOnly`)가 내부 `app_settings` 권한 없이 정상 렌더 → 권한 오류·빈 화면 없음.

### 2-3. 공개 기록 카드 펼침(달력) — `03_desktop_records-card-calendar.png`
![기록 카드 달력](pacelog-archive/pages/05-status/assets-20260604-profile-ui/03_desktop_records-card-calendar.png)
- "러닝 기록 · 전체"(보기형식=달력) → 달력에 러닝 데이터(1일 8.4km/7'57"/155bpm, 2일 5.1km 조깅) 읽기전용 렌더.
- **독립 스크롤 확인**: 좌측 기록 컬럼만 스크롤되고 우측 피드는 고정.

### 2-4. 공개 모달(PublishModal) — `04_desktop_publish-modal.png`
![공개 모달](pacelog-archive/pages/05-status/assets-20260604-profile-ui/04_desktop_publish-modal.png)
- 기록 페이지 "프로필에 공개" → "프로필에 공개 · 러닝 기록" 모달.
- **스냅샷 안내 문구**, **공개 범위**(전체·최근1주일·최근1개월·키워드 기준·직접 지정 기간·현재 필터·검색), **기록 보기 형식**(달력·큰썸네일·주간보기·한줄 자세히), 카드 제목, "공개될 기록 N건" 미리보기 정상.
- 러닝 탭이라 키워드·주간보기 노출(섹션별 옵션 분기 정상).

### 2-5. 모바일 전환형 — `05_mobile_u-hans_records.png` · `06_mobile_u-hans_feed.png`
![모바일 프로필 기록](pacelog-archive/pages/05-status/assets-20260604-profile-ui/05_mobile_u-hans_records.png)
![모바일 피드](pacelog-archive/pages/05-status/assets-20260604-profile-ui/06_mobile_u-hans_feed.png)
- F-1 레이아웃: 1행(프사·닉·소개 | 팔로우) · 2행(통계 | 프로필 기록/피드 토글). 병렬 없음, **단일 보기 전환**.
- 기본 **프로필 기록** 활성 → 토글로 **피드** 전환 정상. 하단 탭바와 겹침·잘림 없음.

## 3. 발견 문제 / 재현 조건
- **기능 결함 없음**(검수 범위 내). 2단 폭 회귀는 본 검수 직전 수정·배포 완료되어 정상 확인.
- (환경 한정) 데모 세션 `master`는 기록 데이터가 없어 `/dashboard`가 "아직 기록이 없습니다" 빈 상태 → 대시보드 "프로필에 공개" 버튼 미노출. **재현 조건**: 데이터 0건 계정. 실제 데이터 보유 계정(@hans)에서는 정상 노출(기록 페이지로 모달 캡처 대체).
- (검수 한계) **공개 생성/업데이트/삭제 쓰기 동작은 미검증** — 데모 세션은 auth.uid 없어 INSERT 불가. 읽기·UI·레이아웃 위주 검수. 쓰기 동작은 사장님 실세션에서 확인(공개 카드 4건이 그 증거).

## 4. 개선 필요 / 후속
- "공개한 기록" 통계 클릭 시 프로필 기록 영역 스크롤/포커스(현재 데스크탑 no-op) — UX 소폭 개선 후보.
- UI시각화 설명서(본 보고서 동반 발행)에 동일 스크린샷 활용.
- 로그인 세션 기반 쓰기 흐름(공개→비공개→업데이트→삭제) 스크린샷 검수는 사장님 실계정 협조 시 추가 가능.