기존 장표의 디자인 시스템(레드 배경 + 화이트 타이포, 영문 소제목 라벨 스타일, 예: "DEFINITION — HARNESS", "HANDS-ON SETUP")을 그대로 따른다. 아래 페이지 번호는 현재 68장 기준이며, 슬라이드가 추가될 때마다 뒤 번호는 밀린다 — 번호가 아니라 "어느 슬라이드 앞/뒤"를 기준으로 삽입할 것.
QUOTE — ANDREJ KARPATHY
| ## Requirement | |
| - `Transaction List` 페이지에, Trx Date 기준으로 필터링할 수 있는 기능을 추가합니다. | |
| - 반드시 시작일과 종료일을 둘다 선택해야 작동합니다. | |
| - clear할 수도 있습니다. | |
| - 필터링 결과 조회된 데이터가 없으면 빈 상태를 나타내는 적절한 화면을 보여줘야합니다. | |
| - 필터 설정 결과를 제출하고나면, 서버 응답을 기다리는동안 제출 버튼에 spinner가 표시되며 비활성화된다. | |
| ## Implementaion Detail | |
| - 존재하는 UI 컴포넌트가 있다면 그것을 최대한 사용해야한다. | |
| - 필터링 대상 데이터베이스 컬럼에 적절한 인덱스가 걸려있어야한다. 없다면 추가한다. |
다음과 같은 작업을 수행하기위해, 각 단계별 sub agent를 .claude/agents 경로에 생성하세요.
각 sub agent의 보고서는 보고서 경로에 작성됩니다.
각 sub agent 파일은 다음과 같은 메타데이터를 포함해야 합니다:
---
name: agent-name
description: agent description
---
| 주어진 {}를 자세히 분석하고, 다음 인사이트를 응답하세요. | |
| <당신의 역할> | |
| {} | |
| <작업할 프로젝트> | |
| {} | |
| <당신의 임무> | |
| 주어진 코드베이스를 분석해, 작업할 프로젝트에 구현하기위해 필요한 {}을/를 도출한다. |
| ## Code Quality & Best Practices | |
| Default to these rules to keep the codebase clean, maintainable, and layered. | |
| ### Code Duplication | |
| - Extract shared behavior into reusable functions, hooks, or utilities. | |
| - Follow the DRY principle so fixes happen in one place. | |
| ```typescript | |
| // ✅ Reuse shared logic | |
| const useApiCall = (endpoint: string) => { |
| --- | |
| description: | |
| globs: | |
| alwaysApply: false | |
| --- | |
| # ISMS-P Based Secure Development Rules | |
| This document defines the mandatory security rules for developers during code implementation. |