AI를 활용할 때 가장 큰 차이를 만드는 것은 프롬프트 품질입니다. 같은 AI라도 어떻게 말하느냐에 따라 결과물이 완전히 달라집니다. 실제로 써보며 검증한 5가지 방법을 공유합니다.
5가지 프롬프트 원칙
구체적으로 쓰기
애매한 표현은 AI도 애매하게 받아들입니다.
“멋진 버튼 만들어줘”
“파란색(#3182f6) 배경, 흰색 텍스트, 모서리 둥글게(rounded-full), 호버 시 약간 어두워지는 '시작하기' 버튼”
제약 조건 명시하기
기술 스택, 라이브러리, 코드 스타일 등 제약을 명확히 알려주면 원하는 결과물에 가까워집니다.
“TypeScript + React + Tailwind CSS만 사용해서 만들어줘. 외부 라이브러리는 쓰지 마.”
단계별로 요청하기
복잡한 기능을 한 번에 요청하면 오류가 많아집니다. 작은 단위로 나눠서 요청하세요.
“먼저 로그인 폼 UI만 만들어줘 (기능 없이)”
“이제 이메일 형식 유효성 검사 기능 추가해줘”
“API 연결해서 실제 로그인 되게 해줘”
예시 포함하기
원하는 결과물의 예시 데이터나 UI 레퍼런스를 함께 주면 훨씬 정확합니다.
"다음 형태의 JSON 데이터를 받아서 카드로 렌더링해줘: { id: 1, title: '제목', date: '2026-03-01', tags: ['React', 'AI'] }"
수정 요청 잘 활용하기
첫 결과물이 완벽할 필요는 없습니다. 구체적인 피드백으로 빠르게 개선하세요.
“좀 더 예쁘게 해줘”
“카드 사이 간격을 더 넓히고, 제목 폰트 크기를 24px로 키우고, 그림자를 부드럽게 해줘”
보너스: 프롬프트 템플릿
이 구조를 활용하면 대부분의 요청에서 좋은 결과를 얻을 수 있습니다.
[역할] React 프론트엔드 개발자로서
[목표] 사용자가 메모를 추가/삭제/수정할 수 있는 UI를 만들어줘
[기술] Next.js + TypeScript + Tailwind CSS
[제약] 외부 상태관리 라이브러리 없이, 로컬 상태만 사용
[참고] Notion의 인라인 편집 방식처럼 클릭하면 바로 수정 가능하게