효과적인 Prompt 쓰기
Claude Code 에서 더 좋은 결과 끌어내기
⏱ 예상 ~7분
01 · 읽기
Claude Code 결과물 품질은 입력 품질에 직접 달려 있어요. 모호한 prompt 는 모호한 결과를 줘요. 명확한 prompt 는 원하는 걸 정확히 줘요.
이건 특별한 언어나 문법을 배우는 게 아니에요 — 명확히 소통하는 거예요. 동료에게 잘 설명하게 만드는 그 스킬이 Claude Code 에 prompt 를 잘 주게 만드는 그 스킬이에요.
약한 prompt 와 강한 prompt 의 차이를 보고, 매번 통하는 프레임워크를 만들어 봐요.
💡 상상해 봐요식당에서 주문하는 걸 상상해 봐요. '맛있는 거 주세요' 는 뭐든 받을 수 있어요. '연어 구이, 미디엄 레어로, 구운 야채와 함께, 소스는 따로 주세요' 는 원하는 걸 받아요. Prompt 도 마찬가지예요.
02 · 읽기
아래는 약한 prompt 와 강한 prompt 의 실제 예시예요: 약함: '좀 더 예쁘게 해 줘' 강함: '다크 컬러 팔레트에 파란색 포인트, sans-serif 폰트, 최대 너비 800px 로 가운데 정렬해 줘'
약함: '좀 고쳐 줘' 강함: '삭제 버튼이 동작하지 않아 — 눌러도 아무 일이 안 일어나. 북마크가 목록과 localStorage 에서 제거되길 기대했어'
약함: '기능 하나 추가해 줘' 강함: '북마크 목록 위에 검색 바를 추가해서 사용자가 입력하면 제목과 URL 에 매칭되는 항목으로 실시간 필터링되게 해 줘'
약함: '조금 더 좋게 해 줘' 강함: '키보드 이벤트마다 모든 북마크를 다시 렌더하느라 페이지가 느려져. DOM 전체가 아니라 보이는 목록만 업데이트해 줘'
패턴이 보여요: 강한 prompt 는 무엇을 원하는지, 어디에 두어야 하는지, 어떻게 동작해야 하는지, 그리고 기존 것에 대한 컨텍스트 를 담아요.
핵심 정리
- 모호한 prompt 는 모호한 결과를 줘요 — 명확함이 전부예요
- 무엇을 원하는지, 어디에 둘지, 어떻게 동작할지 설명하기
- 지금 뭐가 있는지, 뭐가 망가졌는지 컨텍스트 말하기
- 강한 prompt 는 반복 시간을 아껴줘요 — 더 빨리 제대로 할 수 있어요
03 · 퀴즈
어떤 게 더 좋은 Claude Code prompt 예요?
- 기능 하나 추가해 줘
- 사용자 입력 시 북마크 목록을 필터링하고 매칭되는 부분을 하이라이트하는 검색 바 추가해 줘
- 좀 더 좋게 해 줘
- 뭔가 멋진 거 해 줘
04 · 체크리스트
Claude Code 에게 뭔가 시킬 때마다 이 prompt 작성 프레임워크를 써요. prompt 에 각 요소가 들어 있으면 체크해요.
- WHAT (무엇): 만들거나 바꿀 걸 명확히 설명했어요
- WHERE (어디): 어떤 파일이나 컴포넌트를 언급했어요
- HOW (어떻게): 구체적인 동작이나 외관을 설명했어요
- CONTEXT (컨텍스트): 지금 뭐가 있는지, 뭐가 망가졌는지 설명했어요
05 · 빈칸 채우기
Prompt 프레임워크는: WHAT 원하는지, _____ 둘지, HOW 동작할지, CONTEXT.
06 · 읽기
축하해요 — Level 8 을 끝냈어요.
이제 Claude Code로 할 수 있는 걸 돌아봐요: - 어떤 코드베이스든 Claude에게 설명해 달라고 해서 이해 하기 - 설명만으로 새 파일과 프로젝트 전체를 만들기 - 기존 코드를 정확하고 외과 수술하듯 편집 하기 - 자세한 prompt 하나로 완전한 애플리케이션 빌드 하기 - WHAT-WHERE-HOW-CONTEXT 프레임워크로 효과적으로 소통 하기
터미널이 뭔지도 몰랐던 사람에서 AI 페어 프로그래밍 파트너로 실제 앱을 만드는 사람이 됐어요. 작은 일이 아니에요.
모든 레벨에서 배운 도구들 — 터미널, 파일 시스템, git, JavaScript, npm, 웹 서버, 그리고 이제 Claude Code — 은 프로 엔지니어가 매일 쓰는 것과 똑같아요. 다른 점은 여러분에겐 더 빠르게 일하게 해 주는 AI 어시스턴트가 있다는 거예요.
핵심 정리
- Claude Code 는 이해, 생성, 편집, 빌드 모두 가능해요
- 더 좋은 prompt = 더 좋은 결과 (WHAT, WHERE, HOW, CONTEXT)
- Claude 결과물은 항상 검토하고 테스트해요
- 여러분은 결정권자 — Claude 는 가속기예요
07 · 퀴즈
이 prompt 를 봐요: 'ContactForm.tsx 의 email 필드에 검증을 추가해서, 형식이 잘못되면 빨간 테두리와 에러 메시지를 보여줘.' WHAT-WHERE-HOW-CONTEXT 프레임워크 중 어떤 요소들이 들어 있어요?
- WHAT 만
- WHAT 과 WHERE 만
- WHAT, WHERE, HOW
- 네 가지 모두: WHAT, WHERE, HOW, CONTEXT
08 · 빈칸 채우기
효과적인 prompt 의 네 가지 요소: WHAT 원하는지, WHERE 둘지, _____ 동작할지, CONTEXT 지금 뭐가 있는지.
⚠ 전체 인터랙티브 경험에는 JavaScript가 필요해요. JavaScript를 켜고 새로 고침해 주세요.
※ 이 사이트는 독립 운영되는 교육 프로젝트로, Anthropic의 공식 제품이 아니에요. Claude™ 는 Anthropic, PBC 의 상표예요.