예시 기반 프롬프트

예시 기반 프롬프트"아래 형식으로 컴포넌트 만들어줘:[예시 코드]interface ButtonProps {  label: string  onClick: () => void  variant?: 'primary' | 'secondary'}이 형식으로 InputField 컴포넌트 작성."예시 효과:→ 코딩 스타일 통일→ Props 패턴 일관성→ 내 프로젝트 스타일 유지

🛠️ 이 챕터의 실습 방법

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

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

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

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

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

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

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

실습 3: Few-shot 프롬프팅

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