컨텍스트 제공 프롬프트

핵심 개념

AI에게 배경 정보를 제공할수록 결과가 좋아진다. 사용 중인 기술 스택, 프로젝트 구조, 기존 코드 스니펫, 원하는 결과물을 함께 전달한다.

본문

컨텍스트가 풍부한 프롬프트"현재 프로젝트:- Next.js 14 App Router- Supabase Auth 사용 중- Tailwind CSS- /src/components/ui/ 에 Button.tsx 있음이 환경에서 로그인 폼을/src/components/features/auth/LoginForm.tsx 로 만들어줘."포함할 정보:→ 기술 스택→ 프로젝트 구조→ 기존 코드 스니펫→ 원하는 파일 경로

🛠️ 이 챕터의 실습 방법

실습 1: 프롬프트 구조화 연습

아래 템플릿으로 AI에게 질문해보세요:

📋 코드 (4줄)

역할: 너는 [역할]이야
맥락: [상황 설명]
지시: [구체적 요청]
형식: [원하는 출력 형식]

예시: '너는 시니어 개발자야. React 프로젝트에서 상태 관리가 필요해. useState vs useReducer 비교표를 만들어줘. 마크다운 테이블 형식으로.'

실습 2: 같은 질문, 다른 프롬프트

모호한 프롬프트와 구체적 프롬프트의 결과를 비교하세요:

모호: '좋은 코드 짜줘'
구체: 'React로 할일 목록 컴포넌트를 만들어줘. TypeScript, useState 사용, 추가/삭제/완료 기능 포함' → 결과 차이를 직접 체감하세요.

실습 3: Few-shot 프롬프팅

예시를 1개, 3개, 5개 제공했을 때 AI 답변 품질이 어떻게 달라지는지 비교해보세요.

AI 프롬프트

🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트

Claude

무료: Sonnet 4.6 / Pro $20/mo: Opus 4.6

AI '컨텍스트 제공 프롬프트'에 대해
초보자가 흔히 잘못 이해하는 점을
단계별로 분석하고 올바른 이해를 설명해줘.

ChatGPT

무료: GPT-5.5 / Plus $20/mo: GPT-5.5 Pro

'컨텍스트 제공 프롬프트'를 실생활·업무에서 바로 활용하는
구체적 사례 5가지를 도구·프롬프트와 함께 보여줘.

Gemini

무료: 2.5 Flash / Pro $19.99/mo: 3.1 Pro

'컨텍스트 제공 프롬프트'와 관련된 최신 AI 논문·기술 동향을 분석해서
핵심만 3분 안에 읽을 수 있게 요약해줘.

Grok

무료: Grok 4.1 / SuperGrok $30/mo

AI '컨텍스트 제공 프롬프트'에 대한 과대광고와 현실의 차이를
2026년 기준으로 솔직하게 알려주고
진짜 가치 있는 부분만 골라줘.

⭐ 이것만 기억하세요

컨텍스트 제공 프롬프트는 이 3가지만 확실히 잡으세요

1.프로젝트 상황을 설명하지 않으면 AI가 일반론으로 답해서 내 코드에 적용할 수 없습니다

2.기술 스택, 파일 구조, 현재 에러 메시지 같은 컨텍스트를 함께 제공하면 맞춤형 답변을 얻습니다

3.다음 챕터에서 복잡한 작업을 단계별로 나눠 지시하는 프롬프트를 배웁니다

💬 이 챕터 질문 보기

AI-INTRO · CH.12 — 질문하거나 답변을 확인하세요

→

진행도 12 / 34

← 커리큘럼으로 ← 목록으로 (AI 마인드셋)