# M6 · 한 페이지 웹앱 만들기 — 생성 프롬프트

> 자연어 한 문단으로 동작하는 한 페이지 웹을 받아내는 실습용. 코워크나 클로드 코드에서 빈 작업 폴더를 연 뒤 붙여넣는다.

## 기본형
```
한 페이지짜리 간단한 웹앱을 만들어줘.
- 목적: 할 일을 입력하면 목록에 추가되고, 체크하면 완료 표시되는 투두 리스트
- 파일은 index.html 하나로, 외부 라이브러리 없이 순수 HTML/CSS/JS
- 입력칸 + 추가 버튼 + 목록, 새로고침해도 내용이 남게 localStorage 사용
- 모바일에서도 깨지지 않게 반응형으로
먼저 화면 구성을 글로 한 번 설명해주고, 내가 "좋아"라고 하면 그때 파일을 만들어줘.
완성하면 브라우저에서 어떻게 열어 확인하는지도 알려줘.
```

## 변형 — 기존 design.md를 적용해서
```
같은 투두 앱을, 이 폴더의 design.md에 정의된 색·타이포·간격·컴포넌트 규칙을 그대로 따라서 만들어줘.
design.md에 없는 값은 임의로 정하지 말고 나에게 물어봐.
```

## 핵심 포인트
- **목적 한 줄 + 제약(파일 수·라이브러리·반응형)** 을 분명히 적을수록 결과가 일정함
- "설명 먼저 → 좋아 → 생성" 패턴으로 엉뚱한 방향을 한 번 걸러낸다
- 데이터 보존(localStorage)처럼 당연히 빠뜨리기 쉬운 요구는 직접 명시