## 디자인 시스템
- 메인 컬러: #FF6B8A (체리 핑크)
- 버튼: rounded-full
- 카드: rounded-2xl shadow-md
## 절대 하지 말 것
- ❌ 외부 DB 연결 — localStorage만
- ❌ 단일 컴포넌트 500줄 초과
- ❌ console.log 남기기
"절대 하지 말 것" 섹션이 핵심이에요.
AI는 명시적으로 금지하지 않으면 자기 판단으로 Firebase 연동하고, 컴포넌트 1000줄 짜고, console.log 잔뜩 남겨요.
초보자분들이 AI 결과물이 이상하다고 느끼는 이유가 대부분 여기에 있어요.
2. 프롬프트 패턴 — 짧고 구체적으로
막연하게 "앱 만들어줘" 하면 결과가 엉망이에요.
이건 AI 문제가 아니라 요구사항이 불명확한 문제예요. 개발 팀에서도 똑같은 일이 일어나거든요.
저는 이 패턴으로 고정해서 썼어요!
[파일명].jsx를 만들어줘.
핵심 기능:
- 기능 1
- 기능 2
저장: localStorage [키 이름]
디자인: CherryPlan 시스템 통일
왜 짧아야 하냐면 — Claude Code는 한 번에 처리할 수 있는 컨텍스트 양이 정해져 있어요.
요청이 길고 복잡할수록 앞에서 말한 내용을 놓치기 시작해요.
작은 단위로 쪼개서 하나씩 완성하는 게 훨씬 안정적이에요.
잘못된 프롬프트 vs 잘된 프롬프트 비교:
❌ "포모도로 타이머 만들어줘. 예쁘게, 기능도 많이, 알림도 되고, 통계도 보여주고, 다크모드도"
✅ "Pomodoro.jsx 만들어줘.
집중 25분 / 휴식 5분 타이머.
세션 완료 시 localStorage cherryplan_pomodoro에 저장.
디자인 CherryPlan 시스템 통일."
3. 앱 하나 추가하는 데 얼마나 걸리냐면
무드 트래커 기준:
프롬프트 작성: 10분
Claude Code 생성: 2분
코드 검토 + 방향 수정: 15분
총 30분이 안 걸렸어요.
여기서 "코드 검토"가 중요해요.
저는 개발자라서 결과물 코드를 직접 읽고 구조가 맞는지 확인했어요.
코딩을 모르더라도, 앱이 의도대로 작동하는지 직접 클릭해보면서 확인하는 과정은 꼭 필요해요.
