Todo 목록 화면에 Figma 디자인을 적용한다

[opficdev]

🔗 연관된 이슈

• closed Todo 목록 화면에 Figma 디자인을 적용한다 #862

🎯 의도

기존 Todo 관리 기능을 유지하면서 목록 화면을 카드 중심으로 개편하고, 목록 안에서 검색과 필터 조작을 이어갈 수 있도록 구성

📝 작업 내용

📌 요약

• Todo 목록의 카드 레이아웃과 상단 조작 영역 개편
• 목록 내 검색 도입과 조회 요청, 페이지네이션, 로딩 상태 처리 수정
• 공통 토스트와 원형 스와이프 액션 구성

🔍 상세

• ScrollView와 LazyVStack으로 목록 구성, 각 행을 지연 생성하도록 중간 스택 제거
• 상단 safeAreaInset에 중앙 제목과 검색창, 필터 및 정렬 버튼 배치
• 검색 버튼 확장과 자동 포커스 적용, 검색어 지우기와 검색 취소 동작 분리
• 현재 카테고리와 필터를 유지하며 검색어 변경 후 400ms 뒤 조회하도록 구성
• 검색 조건 변경 시 이전 조회 취소와 페이지네이션 무효화, 조회 전용 로딩 target 분리로 완료 및 중요 표시 변경 작업과의 간섭 방지
• TodoListView가 화면 수명 동안 동일한 Store를 유지하도록 @State 복원
• itemActions 버튼이 색상과 Image를 받도록 정리하고 44×44pt 기준 원형으로 축소
• 액션 영역 오른쪽에 16pt 패딩 추가, 열기와 닫기 판정에서 여백을 제외한 버튼 노출 폭 사용
• 기존 커스텀 모디파이어를 적용해 Todo 목록의 뒤로가기 스와이프 활성화
• Label을 받는 공통 토스트에 캡슐 외형 적용, iOS 26의 Liquid Glass와 이전 버전의 Material 표현 구성, 액션과 자동 닫힘 콜백 분리
• Todo 목록의 View와 Feature, 의존성 설정, 테스트를 HomeTab으로 이동하고 NavigationBarConfigurator 제거
• 검색 요청 취소와 페이지네이션 차단, 로딩 유지에 대한 회귀 테스트 추가
• SwiftLint 줄 길이 경고 기준을 200자로 조정

📸 영상 / 이미지 (Optional)

[chatgpt-codex-connector]

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review	Status	Commit	Review trigger
📝 Code Review	✅ Completed 2026-09-28T07:07:32.809495Z	bdacf09	PR opened

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.