Todo 편집 화면과 옵션 시트에 Figma 디자인을 적용한다 #844

순차 구현으로 전환

• 기존 통합 추적 방식 종료 및 개별 구현 이슈로 진행
• 구현 순서: Todo 편집 본문에 Figma 디자인을 적용한다 #865 → Todo 옵션과 중첩 마감일 선택 시트에 Figma 디자인을 적용한다 #866
• 시작 작업: Todo 편집 본문에 Figma 디자인을 적용한다 #865
• 본 이슈는 요구사항 이력 보존용이며 구현 완료를 의미하지 않음
• 진행 상태와 완료 판단은 각 구현 이슈에서 관리

배경

Todo 편집과 옵션 선택 화면군의 입력 구조와 상태 표현을 하나의 시각 체계로 정리함.

Figma 대상

• DevLog Figma 파일
• Todo 수정 - DevLog (동일 이름 프레임 2개)
• Todo 옵션 시트 - DevLog
• Todo 옵션 - DevLog
• Todo 옵션 (마감일 선택 시트 중첩) - DevLog

담당 범위

• PresentationShared

공통 디자인 기준

• 최소 지원 버전은 iOS 18이며, 이전 버전 호환 구현·검증은 제외
• DevLog 청록색과 카드 중심의 정보 위계를 유지
• Android나 Material Design 인상 없이 SwiftUI 기반의 iOS 앱 형태로 구성
• 밝은 모드와 다크 모드 지원
• 주요 화면 구조는 iOS 버전과 관계없이 동일하게 유지
• iOS 26의 Liquid Glass와 iOS 18의 대체 표현은 탭, 버튼, 알림, 시트 등 시스템 UI와 구성 요소 수준에만 적용
• Menu와 .sheet는 시스템 방식 유지
• 기본 List 외형을 주요 화면 디자인으로 사용하지 않되 기존 동작 보존에 필요한 List를 일괄 제거하지 않음
• Figma에서 생략된 로딩, 오류, 빈 상태와 기존 로컬라이제이션 동작 유지

개별 프레임 node ID는 Figma Starter 요금제의 호출 한도 소진으로 확인하지 못했으며, 파일 링크와 프레임 이름을 기준으로 대조함.

작업 범위

• 제목, Markdown 작성·미리보기, 저장 상태와 주요 동작 배치
• 카테고리, 완료, 중요 표시, 마감일, 태그 옵션 구성
• 마감일 선택 시트가 중첩된 상태의 간격과 종료 동작 정리
• 동일 이름의 Todo 수정 프레임 2개를 각각 대조

기존 동작 보존

• UIKitTextEditor와 TodoMarkdownContentView
• Todo 참조 문법, 태그, 마감일, 중요 표시, 완료 상태
• 생성·수정·저장·취소·입력 검증과 Menu·.sheet 동작

완료 조건

• 다섯 Figma 프레임의 편집·옵션 상태가 모두 반영됨
• 편집 중 입력과 시트 상태가 전환되어도 값이 유지됨
• 저장 가능 조건과 오류 처리가 기존과 동일함

검증

• 변경 Swift 파일 SwiftLint
• PresentationSharedTests의 TodoEditor Feature 테스트와 target build-only
• 별도 실행 허용 후 키보드, 시트 중첩, 밝은 모드·다크 모드 확인

제외 범위

• MarkdownRenderer 교체
• Todo 저장 계약과 TCA Feature의 상태·액션·의존성 책임 변경
• Apple Silicon Mac 창 외곽 구성

관련 이슈

• 없음