프롬프트 기초 AI에게 원하는 결과를 얻는 말하기 법칙
바이브코딩의 핵심인 프롬프트 작성법을 배웁니다. AI에게 명확한 지시를 내리고 원하는 코드를 얻기 위한 기본 원칙과 예시를 정리했습니다.
바이브코딩에서 가장 중요한 것은 AI에게 어떻게 말하느냐입니다. 같은 AI를 사용해도 프롬프트를 어떻게 작성하느냐에 따라 결과물의 품질이 크게 달라집니다. “웹페이지 만들어줘”보다 “모바일에서도 최적화된 반응형 포트폴리오 웹페이지를 만들어줘, 다크모드 지원하고 스크롤 애니메이션 넣어줘”라고 요청하면 훨씬 원하는 결과에 가까운 코드를 얻을 수 있습니다.
프롬프트는 AI에게 주는 지시사항으로, 질문, 명령, 맥락 정보를 포함합니다. 좋은 프롬프트를 작성하는 능력을 프롬프트 엔지니어링이라고 부르며, 이는 바이브코딩의 핵심 역량입니다. 이번 강에서는 프롬프트 작성의 기본 원칙을 배워보겠습니다.
프롬프트의 기본 구조
효과적인 프롬프트는 역할 지정, 작업 내용, 제약 조건, 출력 형식 네 가지 요소로 구성됩니다. 역할 지정은 AI에게 특정 전문가의 관점으로 답변하도록 요청하는 것입니다. “너는 10년 경력의 프론트엔드 개발자야”처럼 역할을 부여하면 더 전문적인 답변을 얻을 수 있습니다.
작업 내용은 AI에게 무엇을 해달라고 요청하는 부분입니다. 가능한 구체적으로 작성하되, 한 번에 너무 많은 것을 요청하지 않는 것이 좋습니다. 제약 조건은 “JavaScript만 사용해줘”, “100줄 이내로 작성해줘”처럼 결과물의 범위를 제한합니다. 출력 형식은 “코드만 출력해줘”, “주석도 달아줘”처럼 결과물의 형태를 지정합니다.
명확하고 구체적으로 말하기
AI는 모호한 지시에 모호한 결과를 내놓습니다. “좋은 웹사이트 만들어줘”보다 “카페 소개 웹사이트를 만들어줘. 메뉴 섹션, 위치 지도, 영업시간 정보가 포함되어야 해”처럼 구체적으로 요청해야 합니다. 색상, 레이아웃, 기능 등 원하는 것이 있다면 명시적으로 언급하세요.
기술 스택도 명시하면 좋습니다. “HTML/CSS로 만들어줘”, “React와 Tailwind CSS를 사용해줘”처럼 사용할 기술을 지정하면 일관된 코드를 얻을 수 있습니다. 참고할 디자인이나 사이트가 있다면 “애플 홈페이지처럼 미니멀한 디자인으로”라고 예시를 들어도 좋습니다.
단계별로 나눠서 요청하기
복잡한 기능은 한 번에 요청하지 말고 단계별로 나눠서 요청하세요. “회원가입부터 결제까지 모든 기능이 있는 쇼핑몰 만들어줘”보다 “먼저 상품 목록을 보여주는 페이지를 만들어줘” → “상품 상세 페이지를 추가해줘” → “장바구니 기능을 넣어줘”처럼 순차적으로 진행하는 것이 좋습니다.
각 단계가 완료되면 결과를 확인하고, 수정이 필요하면 “버튼 색상을 파란색으로 바꿔줘”, “폰트 크기를 키워줘”처럼 구체적으로 요청합니다. 이렇게 작은 단위로 반복하면 최종 결과물의 품질을 높일 수 있고, 문제가 발생해도 원인을 찾기 쉽습니다.
예시와 반례 활용하기
원하는 결과물의 예시를 제공하면 AI가 의도를 더 정확히 파악합니다. “다음과 같은 형식으로 출력해줘”라고 하면서 샘플을 보여주거나, “이런 식이 아니라 저런 식으로 해줘”처럼 원하지 않는 것을 명시하는 것도 효과적입니다.
코드 스타일에 대한 선호도도 전달할 수 있습니다. “변수명은 카멜케이스로 해줘”, “함수는 화살표 함수로 작성해줘”, “한 줄에 하나의 명령만 써줘”처럼 코딩 컨벤션을 지정하면 일관된 스타일의 코드를 얻을 수 있습니다.
자주 쓰는 프롬프트 패턴
바이브코딩에서 자주 사용하는 프롬프트 패턴을 알아두면 유용합니다. 코드 생성 시에는 “~~하는 코드를 작성해줘”로 시작합니다. 코드 설명을 요청할 때는 “이 코드가 무슨 뜻인지 초보자도 이해할 수 있게 설명해줘”라고 합니다. 에러 해결 시에는 “다음 에러가 발생하는데 원인과 해결 방법을 알려줘”라고 요청합니다.
코드 리팩토링은 “이 코드를 더 효율적으로 개선해줘”, “중복을 제거해줘”처럼 요청합니다. 기능 추가는 “여기에 ~~기능을 추가해줘”로 요청하고, 스타일 변경은 “버튼 디자인을 둥글게 바꿔줘”처럼 구체적으로 지정합니다.
결론
프롬프트는 바이브코딩의 핵심입니다. 명확하고 구체적으로, 단계별로 나눠서, 예시를 활용해 요청하면 AI로부터 원하는 결과를 얻을 수 있습니다. 처음에는 어색하더라도 계속 연습하다 보면 자연스럽게 좋은 프롬프트를 작성하게 됩니다. 다음 강에서는 실제로 AI에게 자기소개 웹페이지를 만들어 달라고 요청해 보겠습니다.
#프롬프트 #프롬프트엔지니어링 #AI프롬프트 #바이브코딩 #ChatGPT활용 #코딩입문 #AI대화법 #프롬프트작성 #개발입문 #AI코딩