AI Native36 .specify/memory/constitution.md # [PROJECT_NAME] Constitution## Core Principles### [PRINCIPLE_1_NAME][PRINCIPLE_1_DESCRIPTION]### [PRINCIPLE_2_NAME][PRINCIPLE_2_DESCRIPTION]### [PRINCIPLE_3_NAME][PRINCIPLE_3_DESCRIPTION]### [PRINCIPLE_4_NAME][PRINCIPLE_4_DESCRIPTION]### [PRINCIPLE_5_NAME][PRINCIPLE_5_DESCRIPTION]## [SECTION_2_NAME][SECTION_2_CONTENT]## [SECTION_3_NAME][SECTION_3_CONTENT]## Governance[GOVERNANCE_RULES]**Version.. 2026. 5. 13. copilot-instructions.md # Copilot Instructions for todolist-app## Project OverviewThis is a Next.js 16 todo list application using the App Router architecture with React 19, TypeScript, and Tailwind CSS v4. The project leverages React Compiler for optimizations and follows modern Next.js conventions.## Tech Stack- **Framework**: Next.js 16.1.4 (App Router)- **React**: 19.2.3 with React Compiler enabled- **Styling**: Ta.. 2026. 5. 13. Lab 03: 신규 기능을 위한 완전한 Spec Driven Development 사이클 🎯 학습 목표이 실습에서는 기존 애플리케이션에 신규 기능(할일 편집)을 추가하면서 Spec Kit의 전체 워크플로우를 처음부터 끝까지 경험합니다:신규 기능 스펙 작성 (/speckit.specify)명확화를 통한 의사결정 (/speckit.clarify)구현 계획 수립 (/speckit.plan)작업 목록 생성 (/speckit.tasks)TDD 기반 구현 (/speckit.implement)품질 검증 및 완료📋 사전 준비사항Node.js 20+Git 설치 및 이 저장소 클론Lab 01, Lab 02 완료기본 애플리케이션(001-todo-webapp) 실행 가능 상태🎬 실습 시나리오상황: 사용자가 "할일 목록 앱에 편집 기능을 추가해주세요"라고 요청했습니다.목표: Spec Kit 워크플로우를 따라 .. 2026. 5. 13. Lab 02: GitHub Spec Kit을 활용한 Spec Driven Development 🎯 학습 목표이 실습에서는 GitHub Spec Kit 워크플로우를 단계적으로 따라가며, 스펙 기반 개발(Spec Driven Development)을 실습합니다:프로젝트 헌법(Constitution) 수립 및 템플릿 동기화스펙 작성 → 명확화(Clarify) → 계획(Plan) → 작업(Task) 흐름 체험산출물 간 연결(스펙/리서치/데이터 모델/계약/퀵스타트/작업 목록) 확인📋 사전 준비사항Node.js 20+Git 설치 및 이 저장소 클론Lab 01 완료(테스트 환경 구축)🚀 실습 단계이 실습은 이미 생성된 산출물을 참고해 같은 과정을 재현하는 흐름으로 구성됩니다. 각 단계에서 “무엇을 만들고, 어떤 파일이 생성되는지”를 확인합니다.1단계: speckit.constitute — 프로젝트 헌법 .. 2026. 5. 13. Lab 01: Next.js 프로젝트에 테스트 환경 설정하기 🎯 학습 목표이 실습에서는 Next.js 프로젝트에 테스트 환경을 구축하는 방법을 배웁니다:Vitest를 사용한 유닛/컴포넌트 테스트 환경 구축Playwright를 사용한 E2E 테스트 환경 구축테스트 폴더 구조 설계테스트 작성 및 실행📋 사전 준비사항Node.js 설치Next.js 프로젝트가 준비되어 있어야 합니다기본적인 React 및 TypeScript 지식🚀 실습 단계1단계: Vitest 및 관련 패키지 설치유닛 테스트와 컴포넌트 테스트를 위한 패키지들을 설치합니다:npm install -D vitest @vitejs/plugin-react @testing-library/react @testing-library/jest-dom @testing-library/user-event jsdom설치되는.. 2026. 5. 13. Lab 00: 로컬 Git 리포(todolist-app) → GitHub 원격(SSH) → feature 개발 → PR → merge → 로컬 동기화 🎯 학습 목표이 실습에서는 1인 개발 상황에서 GitHub를 "원격 저장소 + 코드리뷰/머지 UI"로 사용하는 기본 흐름을 익힙니다.로컬 Git 저장소 초기화 (todolist-app 폴더를 리포로 만들기)GitHub 원격 저장소 생성 및 SSH 연결main 기준 feature/* 브랜치 개발Pull Request(PR) 생성 → merge로컬 main 동기화 + 브랜치 정리중요 조건Git 설정은 리포 단위로만: git config --local ...만 사용GitHub 연결은 SSH만 사용 (git@github.com:...)📋 사전 준비사항Git 설치GitHub 계정PowerShell 사용 가능(Windows)✅ 실습 단계0단계: 현재 위치 확인이 실습은 터미널에서 create-next-app으로.. 2026. 5. 13. lab-03.md Lab 03: 할일 편집 기능 추가 - AI 코딩 워크플로우 복습📚 학습 목표이 실습을 통해 다음을 학습합니다:Lab 02 워크플로우 복습: PRD → TASKS → 구현 프로세스를 실제 기능 추가에 적용기존 앱 확장 경험: 새로운 기능 개발이 아닌 기존 코드베이스 수정 시나리오 학습DoD 기준 준수: Definition of Done을 통한 품질 관리 실습1일 집중 개발: 8시간 내에 PRD 작성부터 배포까지 전체 사이클 완료🎯 주요 개념과 용어 정리1. 기존 기능 확장 vs 새 기능 개발새 기능 개발 (Lab 02):빈 캔버스에서 시작새로운 컴포넌트 생성독립적인 기능 구현기존 기능 확장 (Lab 03):기존 코드베이스 분석 필요기존 컴포넌트 수정하위 호환성 고려기존 테스트 영향도 파악2. Prop.. 2026. 5. 4. lab-02.md Lab 02: AI 코딩 워크플로우 - PRD, TASKS, Epic 기반 개발📚 학습 목표이 실습을 통해 다음을 학습합니다:AI 협업 워크플로우 이해: PRD → TASKS → 구현으로 이어지는 체계적인 개발 프로세스GitHub Copilot 커스터마이제이션: Custom Instructions와 Prompt Files 활용Epic 기반 작업 관리: 대규모 기능을 Epic과 Task로 분해하여 관리Definition of Done (DoD) 적용: 품질 기준을 명확히 하여 일관된 코드 품질 유지반복 가능한 개발 프로세스: 구조화된 방법론으로 예측 가능한 개발🎯 주요 개념과 용어 정리1. PRD (Product Requirements Document)제품 요구사항 문서기능의 목표, 사용자 스토리, 요.. 2026. 5. 3. 이전 1 2 3 4 5 다음