Todo 편집 본문에 Figma 디자인을 적용한다 #865

구현 순서

• 구현 흐름: Todo 편집 화면 (1/2)
• 전체 순서: Todo 편집 본문에 Figma 디자인을 적용한다 #865 → Todo 옵션과 중첩 마감일 선택 시트에 Figma 디자인을 적용한다 #866
• 이전 작업: 없음 — 이 구현 흐름의 시작
• 다음 작업: Todo 옵션과 중첩 마감일 선택 시트에 Figma 디자인을 적용한다 #866
• 기능상 선행 조건: 별도 차단 조건 없음; 아래 책임 구분과 기존 구현 상태 확인
• 진행 기준: 이전 작업의 완료 조건과 검증 결과 확인 후 착수; 코드 변경이 있으면 기준 브랜치 반영까지 확인
• 순서 구분: 위 순서는 실행 순서이며 기능상 선행 조건과 별도로 관리
• 요구사항 이력: Todo 편집 화면과 옵션 시트에 Figma 디자인을 적용한다 #844; 구현 의존 대상으로 사용하지 않음

목적

아래 작업 범위를 하나의 구현 단위로 진행

작업 범위 및 완료 조건

• 동일 이름의 Todo 수정 - DevLog 프레임 2개를 각각 대조
• 제목·Markdown 작성 및 미리보기·저장 상태·주요 동작 배치
• UIKitTextEditor·TodoMarkdownContentView·Todo 참조 문법·생성·수정·저장·취소·입력 검증 보존

책임 구분 및 선행 작업

• 옵션 선택 내부 디자인은 #866에서 담당; Apple Silicon Mac 창 외곽은 #843에서 담당

공통 기준

• 최소 지원 버전은 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 요금제의 호출 한도 소진으로 확인하지 못했으며, 파일 링크와 프레임 이름을 기준으로 대조함.

제외 범위

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

검증

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

참조

• 요구사항 이력 및 디자인 참조: Todo 편집 화면과 옵션 시트에 Figma 디자인을 적용한다 #844