테마
Scene C5 · 구현
목표
Spec(Requirements → Design → Tasks) 문서를 참조하여 첫 번째 Task부터 체계적으로 코드를 구현합니다. Spec 기반 개발의 핵심인 "설계 → 구현" 연결을 체험합니다.
사전 준비
- Scene C1~C4 완료 (Requirements·Design·Tasks 문서 확정)
spec-todo폴더에서 작업
해볼 것
1단계: 첫 번째 Task 구현
Task 구현 프롬프트
text
#spec:task-management-system tasks.md의 첫 번째 작업을 구현해주세요. Requirements와 Design 문서를 참조하여 명세에 맞는 코드를 생성해주세요.📝 중요:
#spec:뒤의 이름이 실제 생성된 Spec 이름과 일치해야 합니다. 자동 생성된 이름이 다르면 해당 이름으로 교체하세요.
2단계: 구현 결과 확인
- 생성된 파일 확인 (index.html, css/, js/)
- 브라우저에서 동작 확인
- Requirements의 해당 항목이 충족되는지 검증
3단계: 다음 Task 구현
#spec:task-management-system 다음 Task를 구현해주세요. 이전 Task의 결과물을 기반으로 진행하세요.필요한 만큼 반복하여 모든 Task를 구현합니다.
4단계: Run all Tasks와 작업 갱신 (선택)
남은 required 작업이 여럿이면 tasks.md 화면의 Run all Tasks를 사용합니다. 미완료 required 작업만 실행되며 optional 작업은 제외됩니다. Kiro는 의존성 없는 작업을 같은 wave에서 병렬 실행하고, 그 결과가 필요한 작업은 다음 wave로 미룹니다.
구현 중 범위가 바뀌면 Requirements와 Design을 먼저 수정·검토한 뒤 Kiro에게 tasks.md를 갱신하도록 요청합니다. 새 작업은 required인지 optional인지, 기존 작업과 어떤 의존 관계인지 다시 확인한 후 실행하세요.
5단계: 전체 검증
모든 Task 완료 후 전체 앱을 검증합니다:
#spec:task-management-system requirements.md의 모든 요구사항이 구현되었는지 검증해주세요. 누락된 항목이 있다면 알려주세요.기대 결과
- Spec 문서에 따라 체계적으로 구현된 To-Do 앱
- 각 요구사항이 코드로 매핑된 완성물
- Vibe 방식(Scene A)과 비교하여 코드 품질·일관성·구조의 차이 인지
- `#spec:` 참조로 첫 번째 Task 구현 성공필수
- 브라우저에서 앱 동작 확인필수
- 파일 구조가 Design에 정의된 대로 구성됨필수
- BEM 클래스명, ES6+ 문법 등 표준 적용 확인필수
- Requirements 항목 대비 구현 완료율 확인선택
🎯 심화 도전
- tasks.md의 남은 Task를 모두 이어서 구현해보세요. 모든 Task를 완료한 뒤, requirements.md의 각 항목 대비 구현 커버리지를 Kiro에게 재검증 요청하면 누락 여부를 확인할 수 있습니다.
🚨 문제 해결
#spec:참조 실패: Spec 이름을 정확히 확인. Kiro 패널 → Specs에서 실제 이름 복사. 하이픈(-) 포함 여부 주의.- 이전 Task 결과가 덮어씌워짐: "기존 코드를 유지하면서 다음 Task를 추가해주세요"라고 명시.
- Requirements 대비 누락: 검증 프롬프트 결과에서 누락 항목 확인 후, 해당 항목만 추가 구현 요청.