코드를 위한 프롬프트 작성법
AI에게 코드를 요청할 때는 맥락, 목표, 제약을 분명히 전해야 합니다. 좋은 프롬프트의 구조와 자주 쓰는 패턴을 익힙니다.
같은 질문도 어떻게 묻느냐가 중요합니다
AI는 모호한 요청에는 모호하게, 구체적인 요청에는 구체적으로 답합니다. 코드를 요청할 때는 무엇을, 어떤 조건으로, 어떤 형태로 원하는지 전달하면 결과가 훨씬 좋아집니다.
좋은 프롬프트의 4요소
- 맥락 : 무엇을 만들고 있는지 (예: “HTML·CSS로 행사 안내 페이지를 만들고 있어”)
- 목표 : 지금 원하는 것 (예: “상단에 제목과 날짜를 보여주는 영역을 추가하고 싶어”)
- 제약 : 조건 (예: “상아색 배경, 검정 글씨, 외부 라이브러리 없이”)
- 형태 : 결과 형식 (예: “전체 HTML 파일로 보여줘”)
자주 쓰는 프롬프트 패턴
-
새로 만들기
“할 일을 입력하고 추가 버튼을 누르면 목록에 쌓이는 간단한 화면을 HTML·CSS·자바스크립트로 만들어줘. 외부 라이브러리는 쓰지 마.”
-
고치기 — 기존 코드를 함께 붙여넣고
“아래 코드에서 버튼 색을 검정으로 바꾸고, 목록 항목 사이 여백을 넓혀줘.”
-
설명 요청 — 이해가 안 되는 부분을
“이 자바스크립트가 한 줄씩 무슨 일을 하는지 초보자도 알게 설명해줘.”
-
에러 해결
“이 코드를 실행했더니 이런 에러가 났어: (에러 메시지 붙여넣기). 원인과 해결법을 알려줘.”
결과를 받은 다음
- 코드를 실제로 실행해 의도대로 동작하는지 확인합니다.
- 원하는 것과 다르면, 어디가 다른지 구체적으로 다시 설명합니다.
- 이해되지 않는 코드는 그대로 두지 말고 설명을 요청해 익혀둡니다.
다음 단계
배운 것을 모아 AI와 함께 첫 웹페이지를 처음부터 끝까지 만들어봅니다.