누구나 로고
オンライン講座企業・団体研修ライブラリトレンドインサイト無料コースお知らせお問い合わせ採用サイト
모든 강의를 무료로 볼 수 있어요. 회원가입 없이도 학습 가능합니다.
로그인무료 회원가입
강좌바이브 코딩 입문 — AI와 함께 만드는 첫 소프트웨어5강

5강 / 전체 24강

좋은 프롬프트의 3원칙

4분 읽기 조회 1

명확성·맥락·제약이라는 프롬프트 3원칙을 배우고, 나쁜 프롬프트와 좋은 프롬프트를 직접 비교해봅니다.

💡 프롬프트가 결과의 80%를 결정한다

바이브 코딩에서 AI 도구의 성능이 도구마다 다소 차이가 있긴 하지만, 더 큰 차이를 만드는 것은 프롬프트의 품질입니다. 같은 AI에게 같은 작업을 시켜도, 프롬프트를 어떻게 쓰느냐에 따라 결과물의 품질이 천차만별입니다. 이번 강의에서는 좋은 프롬프트를 만드는 3가지 핵심 원칙을 배웁니다.

📌 원칙 1 — 명확성: 무엇을 원하는지 구체적으로

AI는 마음을 읽지 못합니다. 모호한 지시는 모호한 결과를 만듭니다. 당신이 머릿속에서 당연하다고 생각하는 것도 AI는 모를 수 있습니다.

나쁜 프롬프트좋은 프롬프트
"로그인 만들어줘""이메일과 비밀번호로 로그인하는 폼을 만들어줘. 빈 칸 제출 시 '필수 입력 항목입니다' 에러 메시지를 폼 아래에 빨간 글자로 표시해줘."
"버튼 예쁘게 해줘""버튼 배경을 파란색(#2563EB)으로 바꾸고, 둥근 모서리(8px), 흰색 글자, 호버 시 어두운 파란색(#1D4ED8)으로 변경해줘."
"속도 빠르게 해줘""목록 조회 API가 3초 이상 걸려. 쿼리에 인덱스 추가하거나 캐싱을 적용해서 1초 이내로 만들어줘."

명확한 프롬프트를 쓰는 습관은 결과물을 상상하며 역으로 설명하는 것입니다. "완성되면 어떻게 보일까?"를 먼저 생각하고, 그걸 말로 풀어내세요.

🧭 원칙 2 — 맥락: 기술 스택·기존 코드·목적을 알려주기

AI는 당신의 프로젝트를 모릅니다. 프로젝트에 대한 정보를 직접 알려줘야 AI가 그 상황에 맞는 코드를 만듭니다.

맥락에 포함해야 할 요소:

  • 기술 스택: "React + TypeScript + Tailwind CSS를 사용 중이야"
  • 프로젝트 상황: "이미 user.ts 파일에 User 타입이 정의되어 있어"
  • 목적: "관리자 전용 기능이라 복잡한 권한 체크는 없어도 돼"
  • 제약 조건: "IE11은 지원 안 해도 돼. 모바일 우선으로 만들어줘"

🔖 실전 팁: 프로젝트를 시작할 때 CLAUDE.md나 .cursor-rules 같은 파일을 만들어 기술 스택, 코딩 컨벤션, 주의사항 등을 적어두면, AI가 매번 이 파일을 참고해 일관된 결과를 만듭니다. 설정 한 번으로 모든 프롬프트에 맥락이 자동 추가되는 셈입니다.

🚧 원칙 3 — 제약: 하지 말 것·스타일·범위를 명시하기

AI는 특정 지시가 없으면 스스로 판단해서 뭔가를 만듭니다. 이 판단이 당신의 의도와 다를 수 있습니다. 하지 말아야 할 것을 명시하면 엉뚱한 결과를 방지합니다.

  • "기존 함수는 건드리지 말고, add 함수만 추가해줘"
  • "라이브러리는 추가하지 말고 순수 JavaScript만 사용해줘"
  • "지금은 UI만 바꾸고, 로직은 손대지 마"
  • "TypeScript 타입 에러가 있어도 일단 any 쓰지 말고 정확한 타입을 찾아줘"

🔗 3원칙을 합친 최강 프롬프트

세 원칙을 하나의 프롬프트에 담으면 이렇게 됩니다:

우리 프로젝트는 Next.js 14 App Router + TypeScript + Tailwind CSS를 사용해. [맥락]
사용자 목록 페이지(app/users/page.tsx)에 이름으로 검색하는 기능을 추가해줘. [명확성]
검색은 클라이언트 측에서만 처리하고, API 호출은 새로 만들지 마. debounce는 300ms로 설정해줘. [제약]

이 정도의 프롬프트라면 AI가 한 번에 원하는 결과를 만들 확률이 크게 높아집니다.

⚠️ 흔한 실수 — "좋게 해줘" 시리즈

다음과 같은 프롬프트는 결과 예측이 어렵습니다:

  • "UI 좋게 해줘" → 좋다는 기준이 없습니다.
  • "최적화해줘" → 무엇을 기준으로 최적화할지 모릅니다.
  • "더 나은 방법으로 바꿔줘" → 무엇이 나은 건지 AI가 임의로 판단합니다.

모호한 프롬프트가 틀린 건 아닙니다만, 결과를 수정하는 데 시간이 더 걸립니다. 처음부터 구체적으로 쓰는 편이 결과적으로 빠릅니다.

✅ 정리

  • 명확성: 완성됐을 때 어떻게 보일지 구체적으로 묘사하세요.
  • 맥락: 기술 스택, 기존 구조, 목적을 AI에게 알려주세요.
  • 제약: 하지 말아야 할 것, 건드리면 안 되는 부분을 명시하세요.
  • 3원칙 모두를 담을 필요는 없습니다 — 작업의 복잡도에 맞게 필요한 것만 추가하면 됩니다.

관련 주제

  • 프롬프트 명확성
  • 맥락 제공
  • 제약 조건 명시
  • 나쁜 프롬프트 예시
  • 좋은 프롬프트 작성법
  • AI 기술
  • AI 기술 강의
  • 바이브 코딩 입문 — AI와 함께 만드는 첫 소프트웨어
  • 무료강의
  • 무료 온라인 강의
  • NUGUNA
  • 누구나
이전 4강첫 바이브 코딩 — 자연어로 기능 만들기다음 6강 요구사항을 정확히 전달하는 법

댓글

0/1000

불러오는 중...

목차

  1. 1.바이브 코딩이란 무엇인가
  2. 2.AI 코딩 도구 지형도
  3. 3.개발 환경 준비하기
  4. 4.첫 바이브 코딩 — 자연어로 기능 만들기
  5. 5.좋은 프롬프트의 3원칙
  6. 6.요구사항을 정확히 전달하는 법
  7. 7.맥락(Context) 관리
  8. 8.큰 작업 쪼개기 — 계획 먼저
  9. 9.AI의 결과를 읽고 검증하기
  10. 10.프로젝트 시작하기 — 아이디어에서 첫 화면까지
  11. 11.기능을 반복(iterate)하며 키우기
  12. 12.AI와 함께 디버깅하기
  13. 13.리팩토링·코드 정리 시키기
  14. 14.테스트 작성과 검증 자동화
  15. 15.Git 버전 관리와 AI
  16. 16.외부 API·라이브러리 연동시키기
  17. 17.데이터베이스 다루기
  18. 18.UI·디자인을 AI로 구현하기
  19. 19.배포(deploy)까지 — 실제 서비스로 올리기
  20. 20.보안·민감정보 다루기 주의점
  21. 21.AI가 자주 하는 실수와 방지법
  22. 22.언제 직접 코딩해야 하는가
  23. 23.생산성을 높이는 습관과 도구 조합
  24. 24.실전 미니 프로젝트 — 할 일 앱 만들기

カスタマーサポート

  • お知らせ
  • よくある質問
  • お問い合わせ
  • コミュニティ

ご利用案内

  • 利用規約
  • プライバシーポリシー
  • 返金ポリシー

サービス

  • 会社紹介
  • 新規登録
  • 新着コース
  • 無料コース
누구나 로고
利用規約プライバシーポリシー返金ポリシー

상호명: NUGUNA  |  대표자: 정우진  |  사업자등록번호: 392-32-01817  |  통신판매업신고: 제 2026-서울양천-0564 호

주소: 서울특별시 양천구 목동서로 100  |  이메일: nugunapass@gmail.com  |  전화: 010-6395-3043

© 2026 NUGUNA. All rights reserved.

KB예금주인증관리자
ホームコースライブラリお問い合わせMY