fix(frontend): 16단계 실사용 시험에서 나온 둘을 고친다 #25

Merged

ttipo merged 1 commits from feat/personal-settings into main 2026-11-10 14:21:51 +09:00

Conversation 0 Commits 1 Files Changed 10

+274 -16

ttipo commented 2026-11-10 13:38:10 +09:00

Owner

Copy Link

Copy Source

무엇을 · 왜

PR #24(메일 16단계)는 19dbb2b 로 합쳐졌고, 그 뒤 브라우저 실사용 시험에서 나온 둘을 고친 커밋 d6b804b 가 같은 브랜치에 올라갔습니다. 이 PR 은 그 한 커밋입니다(main 바로 위라 패스트 포워드로 합칠 수 있습니다).

• 주소록 가져오기 창의 미리 보기가 잘림: 1366×768 · 1440×900 에서 세 묶음 상자가 눌려 [이미 있는 연락처는 건너뜁니다] · "그 밖에 N명"이 보이지 않았고 창도 스크롤하지 않았습니다.
  창(<dialog>)이 flex 열이라 overflow: hidden 을 건 상자가 내용보다 작게 눌렸습니다. 상자에 flex-shrink: 0 을 두고, 가져오기 · 내보내기 창은 창 안이 스크롤합니다.
• 서명 위 빈 줄이 늦게 돌아옴: 서명 위 빈 줄에 한글을 조합해 쓰면 띄어쓰기를 칠 때까지 빈 줄이 돌아오지 않았습니다.
  조합이 끝나면(compositionend 뒤 ProseMirror 가 조합을 마무리한 다음 차례) 편집기가 스스로 빈 줄을 넣습니다. 조합 중에 임시 저장한 뒤 편집기가 넣은 빈 줄은 바꿈으로 세지 않습니다.
• 디자인 README · vue3 스킬에 두 가지를 적었습니다(모달 창 바로 아래 칸에 overflow: hidden 을 걸면 flex-shrink: 0 을 함께).

확인 방법

• frontend: lint 0, type-check, test:unit 3,200(KST — 16단계에서 바꾼 시험은 UTC 로도 440)
  • 새 시험 ContactTransferDialogs.layout.spec.ts(창 안 칸의 style), 서명 블록의 조합 시험(CompositionEvent + 가짜 setTimeout)
• 브라우저(Edge · 개발 스택):
  • 가져오기 창 1366×768 · 1440×900 · 1920×1040 — 세 묶음 상자가 눌리지 않고(높이 370 · 내용 368) 펼치기 단추 · "그 밖에 N명"이 보임
  • 서명 위 빈 줄에 한글을 조합해 쓴 뒤 — 조합 끝 · 화살표 · 다른 칸 누름 · 띄어쓰기 네 경우 모두 빈 줄이 있음
• PR #24 의 브라우저 실사용 시험(개발 스택 · 개발 계정 셋 · 지어낸 시험 파일)은 #24 를 합친 뒤에 끝나 여기 적습니다. 다섯 기능 모두 기대대로 움직였고, 나온 것은 위 둘입니다.
  • 가져오기 340명(묶음 4번) · 응답을 잃은 뒤 [다시 시도]에도 겹침 없음 · [되돌리기]는 이번에 넣은 것만
  • 내보내기 파일을 다시 가져오기 · 서명 바꾸기와 임시 저장 뒤 ✓ · 부재중 사내 · 회사 밖 · 보내지 않기의 실제 답장 · 휴대폰 바꾸기 뒤 옛 코드 거절
  • 시험 데이터는 모두 처음 상태로 돌렸습니다.
• 사람이 직접 볼 것(자동으로 볼 수 없음): 실제 파일 고르기 창 · 탐색기에서 끌어 놓기, 인증 앱으로 QR 찍기, 실제 한글 입력기, 내보낸 CSV 를 엑셀로 · vCard 를 Gmail · 아이폰으로, 부재중 서식이 Outlook · Gmail 에서 보이는 모양

영향 범위

• backend
• frontend
• flutter
• docker / 인프라
• 규칙 문서(.claude/)

공유 계약은 바꾸지 않았습니다(API · 에러 코드 · 마이그레이션 없음).

체크리스트

• 린트/분석 통과 (Warning 0) · 변경 영역 테스트 통과
• 주석 한국어, 매직 넘버·하드코딩 문자열 없음
• 사용자 노출 실패는 모두 에러 코드와 함께 처리 — 새 실패 경로 없음
• 에러 코드를 바꿨다면 npm run sync:error-codes 실행 후 생성 파일까지 커밋 — 바꾸지 않음
• 민감정보 미커밋 — 실제 연락처 파일은 커밋하지 않음
• 로그에 비밀번호·토큰·요청 본문 전체가 남지 않음 — 로그를 더하지 않음

🤖 Generated with Claude Code

## 무엇을 · 왜 PR #24(메일 16단계)는 `19dbb2b` 로 합쳐졌고, 그 뒤 브라우저 실사용 시험에서 나온 둘을 고친 커밋 `d6b804b` 가 같은 브랜치에 올라갔습니다. 이 PR 은 그 한 커밋입니다(main 바로 위라 패스트 포워드로 합칠 수 있습니다). - **주소록 가져오기 창의 미리 보기가 잘림**: 1366×768 · 1440×900 에서 세 묶음 상자가 눌려 [이미 있는 연락처는 건너뜁니다] · "그 밖에 N명"이 보이지 않았고 창도 스크롤하지 않았습니다. 창(`<dialog>`)이 flex 열이라 `overflow: hidden` 을 건 상자가 내용보다 작게 눌렸습니다. 상자에 `flex-shrink: 0` 을 두고, 가져오기 · 내보내기 창은 창 안이 스크롤합니다. - **서명 위 빈 줄이 늦게 돌아옴**: 서명 위 빈 줄에 한글을 조합해 쓰면 띄어쓰기를 칠 때까지 빈 줄이 돌아오지 않았습니다. 조합이 끝나면(`compositionend` 뒤 ProseMirror 가 조합을 마무리한 다음 차례) 편집기가 스스로 빈 줄을 넣습니다. 조합 중에 임시 저장한 뒤 편집기가 넣은 빈 줄은 바꿈으로 세지 않습니다. - 디자인 README · vue3 스킬에 두 가지를 적었습니다(모달 창 바로 아래 칸에 `overflow: hidden` 을 걸면 `flex-shrink: 0` 을 함께). ## 확인 방법 - frontend: lint 0, type-check, test:unit 3,200(KST — 16단계에서 바꾼 시험은 UTC 로도 440) - 새 시험 `ContactTransferDialogs.layout.spec.ts`(창 안 칸의 style), 서명 블록의 조합 시험(`CompositionEvent` + 가짜 setTimeout) - 브라우저(Edge · 개발 스택): - 가져오기 창 1366×768 · 1440×900 · 1920×1040 — 세 묶음 상자가 눌리지 않고(높이 370 · 내용 368) 펼치기 단추 · "그 밖에 N명"이 보임 - 서명 위 빈 줄에 한글을 조합해 쓴 뒤 — 조합 끝 · 화살표 · 다른 칸 누름 · 띄어쓰기 네 경우 모두 빈 줄이 있음 - PR #24 의 브라우저 실사용 시험(개발 스택 · 개발 계정 셋 · 지어낸 시험 파일)은 #24 를 합친 뒤에 끝나 여기 적습니다. 다섯 기능 모두 기대대로 움직였고, 나온 것은 위 둘입니다. - 가져오기 340명(묶음 4번) · 응답을 잃은 뒤 [다시 시도]에도 겹침 없음 · [되돌리기]는 이번에 넣은 것만 - 내보내기 파일을 다시 가져오기 · 서명 바꾸기와 임시 저장 뒤 ✓ · 부재중 사내 · 회사 밖 · 보내지 않기의 실제 답장 · 휴대폰 바꾸기 뒤 옛 코드 거절 - 시험 데이터는 모두 처음 상태로 돌렸습니다. - **사람이 직접 볼 것**(자동으로 볼 수 없음): 실제 파일 고르기 창 · 탐색기에서 끌어 놓기, 인증 앱으로 QR 찍기, 실제 한글 입력기, 내보낸 CSV 를 엑셀로 · vCard 를 Gmail · 아이폰으로, 부재중 서식이 Outlook · Gmail 에서 보이는 모양 ## 영향 범위 - [ ] backend - [x] frontend - [ ] flutter - [ ] docker / 인프라 - [x] 규칙 문서(.claude/) > 공유 계약은 바꾸지 않았습니다(API · 에러 코드 · 마이그레이션 없음). ## 체크리스트 - [x] 린트/분석 통과 (Warning 0) · 변경 영역 테스트 통과 - [x] 주석 한국어, 매직 넘버·하드코딩 문자열 없음 - [x] 사용자 노출 실패는 모두 에러 코드와 함께 처리 — 새 실패 경로 없음 - [x] 에러 코드를 바꿨다면 `npm run sync:error-codes` 실행 후 생성 파일까지 커밋 — 바꾸지 않음 - [x] 민감정보 미커밋 — 실제 연락처 파일은 커밋하지 않음 - [x] 로그에 비밀번호·토큰·요청 본문 전체가 남지 않음 — 로그를 더하지 않음 🤖 Generated with [Claude Code](https://claude.com/claude-code)

ttipo added 1 commit 2026-11-10 13:38:11 +09:00

fix(frontend): 16단계 실사용 시험에서 나온 둘을 고친다 ... d6b804ba83

- 주소록 가져오기 창의 미리 보기가 1366×768 · 1440×900 에서 잘리고 창도 스크롤하지 않았다 — 창(<dialog>)은 flex 열이라 overflow 를 건 세 묶음 상자가 내용보다 작게 눌렸다. 상자에 flex-shrink: 0 을 두고 가져오기 · 내보내기 창은 창 안이 스크롤한다
- 서명 위 빈 줄에 한글을 조합해 쓰면 띄어쓰기를 칠 때까지 빈 줄이 돌아오지 않았다 — 조합이 끝나면(compositionend 뒤 ProseMirror 가 조합을 마무리한 다음 차례) 편집기가 스스로 빈 줄을 넣는다. 조합 중에 임시 저장한 뒤 편집기가 넣은 빈 줄은 바꿈으로 세지 않는다
- 디자인 README · vue3 스킬에 두 가지를 적는다(모달 창의 flex 열 — 창 바로 아래 칸에 overflow: hidden 을 걸면 flex-shrink: 0 을 함께)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

ttipo merged commit d6b804ba83 into main 2026-11-10 14:21:51 +09:00

Sign in to join this conversation.

Reviewers

No Reviewers

Labels

No items

No Label

Milestone

No items

No Milestone

Projects

Clear projects

No project

Assignees

Clear assignees

ttipo

No Assignees

1 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: ttipo/arasystem#25