# 세션 요약: task-2312

## 기본 정보
- 작업 ID: task-2312
- 팀: dev5-team
- 생성 시각: 20260429T132651
- 토큰 사용량: 2,877,934 / 200,000 (1439.0%)
- 레벨: CRITICAL

## 원래 작업 설명
# InsuRo 전체 글자 크기 확대 — Root 확대 + text-xs 승격

## 작업 레벨: Lv.4

## 프로젝트
- InsuRo: `/home/jay/projects/InsuRo`

## 배경
사용자 피드백: "글자가 전체적으로 너무 작다. 스레드/네이버보다도 작은 글씨가 많다."
현재 상태 분석:
- text-xs(12px): 776회
- text-sm(14px): 671회
- text-base(16px) 이상: 136회
- 전체 텍스트의 91%가 14px 이하

## 수정 전략 (A+B 조합)

### Phase 1: Root font-size 확대
`src/index.css`에 아래 추가:
```css
html {
  font-size: 17px;
}
```
이로써 rem 기반 Tailwind 클래스 전체가 비례 확대:
- text-xs: 12px → 12.75px
- text-sm: 14px → 14.88px
- text-base: 16px → 17px

### Phase 2: text-xs 과다 사용 영역 text-sm으로 승격
text-xs 776곳을 전수조사하여 다음 기준으로 승격:
- **승격 대상**: 본문 텍스트, 설명 문구, 입력 필드 레이블, 카드 내 콘텐츠, 탭/메뉴 텍스트
- **유지 대상**: 뱃지, 태그, 보조 라벨(날짜/시간/카운터), 이미지 편집기 도구 패널, 풋터 저작권

### Phase 3: text-sm → text-base 부분 승격
주요 페이지의 본문 텍스트(설명, 안내, AI 응답 등)에서 text-sm을 text-base로 승격.
대상: 페이지 타이틀 직하 설명문, 카드 본문, AI 응답 영역, 설정 페이지 설명

## 핵심 제약 조건
- ★ **레이아웃 깨짐 절대 불가** — 모든 페이지의 레이아웃이 기존과 동일해야 함
- ★ **전수조사 필수** — 776곳(text-xs) + 671곳(text-sm) 전체 점검
- ★ **E2E 테스트 필수** — PC + 모바일 양쪽에서 모든 주요 페이지 스크린샷 비교
- 이미지 편집기 도구 패널은 글자 크기를 키우면 아이콘/버튼이 깨질 수 있으므로 주의

## 작업 순서
1. Phase 1 적용 후 전체 빌드 + 스크린샷 촬영 (before/after)
2. 레이아웃 깨짐 확인 — 깨지면 root 크기 조정(17px→16.5px 등)
3. Phase 2 text-xs 승격 (파일별 순차 수정)
4. Phase 3 text-sm 승격 (주요 페이지만)
5. 전체 E2E 테스트 (PC 1280x800 + 모바일 390x844)

## E2E 테스트 대상 페이지 (최소)
1. /login — 로그인 페이지
2. /intro — 인트로/대시보드
3. /generate — AI 콘텐츠 작성
4. /crm/dashboard — CRM 대시보드
5. /crm/messenger — CRM 메신저
6. /market/newsletter — 소식지 분석
7. /market/premium-compare — 보험료 비교
8. /info-keyword — 정보성 키워드 분석
9. /tools/image-editor — 이미지 편집기
10. /settings — 설정
11. /pricing — 가격
12. /my-page — 마이페이지

각 페이지에서:
- 텍스트가 잘리지 않는지 확인
- 버튼/카드 안에 텍스트가 넘치지 않는지 확인
- 모바일 가로 스크롤 발생하지 않는지 확인
- 전체 레이아웃이 유지되는지 확인

## affected_files
- `src/index.css` (수정 — root font-size 추가)
- `src/pages/*.tsx` (수정 — text-xs/text-sm 승격)
- `src/components/**/*.tsx` (수정 — text-xs/text-sm 승격)
- ★ 이미지 편집기 관련 파일은 text-xs 유지 (도구 패널 레이아웃 보존)

## 검증 시나리오
1. npm run build 성공
2. PC(1280x800)에서 12개 페이지 스크린샷 — 레이아웃 깨짐 0건
3. 모바일(390x844)에서 12개 페이지 스크린샷 — 레이아웃 깨짐 0건
4. 텍스트 오버플로/잘림 0건
5. 기존 대비 가독성 체감 향상 확인 (before/after 비교)

## 자동 요약
세션 task-2312이 CRITICAL 임계값(85%)에 도달하여 자동으로 요약되었습니다.
토큰 사용량: 1439.0%

## 재시작 안내
이 요약 파일을 기반으로 새 세션이 자동 시작됩니다.
팀: dev5-team