---
title: "📓 작업일지 — 대시보드①·로그인②·셀모드③ 레이아웃 개선 (구현 → 파손 되돌림 → 재구현)"
category: "worklog"
parent: "Claude Code 작업일지"
updated: "2026-07-03"
priority: "Medium"
purpose: "명세 260703 ①②③에 따라 대시보드 2열 레이아웃 통일·로그인 데스크탑 풀배경화·셀모드 기록수정 보정을 구현했으나, 대시보드 2열이 데스크탑에서 파손되고 로그인 좌측 요소가 잘못 제거되어 곧바로 되돌린 뒤, 원인을 정확히 파악해 재구현까지 완료한 하루짜리 작업 스레드."
read_when: ["대시보드 2열 레이아웃", "dash-2col", "로그인 데스크탑 풀배경", "login-screen", "셀모드 근력 세션메타 수정"]
document_type: "개발일지"
source_status: "generated"
knowledge_group: "03_history"
work_timestamp: "20260703_234630"
source_of_truth: "https://dallog-tools.hansbridge.co.kr/knowledge/"
context: "달록 본레포(ccy-hansbridge/dallog), 커밋 b2f3a05(구현) → a258476(되돌림) → d4839a0(재구현), 2026-07-03 23:21~23:46. Codex 검수 반영."
---

# 작업일지 — 대시보드①·로그인②·셀모드③ 레이아웃 개선

> 명세 260703의 ①②③ 세 항목을 한 커밋에 구현했으나, 그중 ①②가 데스크탑에서 파손되어 즉시 되돌리고, 정확한 원인 파악 후 재구현까지 25분 사이에 완료한 스레드. ③(셀모드)과 ④(테마, 별도 커밋)는 문제없이 유지되었다.

## 1. 무엇을 했나

### 1차 구현 (`b2f3a05`, 23:21)
- **① 대시보드(데스크탑)**: 브리프/피트로그 2열을 `minmax(0,1fr)`로 폭 균등화(탭 전환 시 흔들림 방지). '대시보드' 메인 타이틀 숨김 + 브리프/피트로그 트윈 타이틀을 `fs-2xl`로 격상. 브리프 기간선택을 버튼→select로, '전체'→'전체 기간'으로 표기 변경.
- **② 로그인(데스크탑 @media 768)**: 3분할 비주얼을 전체너비 배경화하고 좌우분할 해제, 폼을 배경 위에 카드 없이 직접 배치(기존 `--auth-scrim` 재사용). 모바일·기능은 무접촉.
- **③ 셀모드 기록수정**: 체성분 날짜 컬럼 110→140px(달력 아이콘 겹침 해소), 근력 세션메타(날짜/운동시각/라벨)를 기존 세션도 수정 가능하도록 변경(`saveAll` ⑥ `strength_logs.update`·변경감지), 근력 날짜 컬럼 105→120px.
- Codex 검수: [반려] 0건. [검토후반영] 2건 중 고아 minute 즉시 수정(hour가 null이면 minute도 null 처리)은 반영, 불필요한 set update는 idempotent no-op이라 미반영.

### 되돌림 (`a258476`, 23:40)
- **①이 데스크탑에서 파손** — 대시보드 타이틀이 숨겨지지 않고 2열이 어긋남 → `index.css`·`Brief.tsx`를 ①② 직전 커밋(`c38bc2e`)으로 되돌림.
- **②도 함께 되돌림** — 로그인 풀배경화가 좌측 BI·캐치프레이즈·소구문구를 제거해버린 것으로 판명(원래 보존했어야 함).
- ③ 셀모드·④ 테마는 확인 후 그대로 유지.

### 재구현 (`d4839a0`, 23:46)
- **① 재파손 원인 수정**: `.dash-2col__pagehead{display:none}`이 특이도(0,1,0)로는 공통 `.page-head` 규칙(특이도상 비-미디어·소스 순서상 뒤)에 덮여 숨겨지지 않았던 것이 원인. `.dash-2col .dash-2col__pagehead{display:none}`(특이도 0,2,0)로 상향해 해결. `minmax(0,1fr)` 폭균등·타이틀 격상·기간 select 등은 그대로 유지.
- **② 재구현**: 기존 grid(`1.1fr 1fr`)를 무변경 유지해 좌측 BI/캐치프레이즈·우측 로그인 위치·너비를 보존. `@media(768)`에서 `.login-screen`에 3분할 전체너비 배경을 추가하되 `.login-screen__brand`의 개별 배경만 제거하는 방식으로 재구현(모바일 무접촉).

## 2. 주요 변경 파일

| 파일 | 내용 |
|---|---|
| `src/index.css` | 대시보드 2열 폭균등·타이틀 숨김 특이도 수정, 로그인 풀배경 재구현 |
| `src/pages/Brief.tsx` | 기간선택 select화, 타이틀 격상 |
| `src/components/cellmode/CellModeBody.tsx` | 날짜 컬럼 폭 수정 |
| `src/components/cellmode/CellModeStrength.tsx` | 세션메타 기존세션 수정 가능화, 날짜 컬럼 폭 수정 |

## 3. 관련 커밋

- `b2f3a05` feat(ui): 대시보드 레이아웃통일·로그인 데스크탑 풀배경·셀모드 기록수정 보정 (명세 260703 ①②③) (2026-07-03 23:21)
- `a258476` revert(ui): 대시보드①·로그인② 되돌림 — 레이아웃 파손·로그인 좌측요소 제거 오판 (③셀모드·④테마 유지) (2026-07-03 23:40)
- `d4839a0` fix(ui): 대시보드①·로그인② 재구현 — ①타이틀숨김 특이도(0,2,0) 수정 ②grid보존·배경만 전체너비화 (2026-07-03 23:46)

## 4. 남은 이슈

커밋 기준 별도로 언급된 남은 이슈는 없음. 셀모드(③)는 이 스레드 이후 별도로 스크롤 도달성 문제가 발견되어 후속 수정되었다(같은 날 더 이른 시각 커밋들 — 관련 KB 문서 참조).