Luna Whale AI Web Class · Prompt Bible 02

나쁜 웹 명령 고치기 Prompt Repair

Big Idea

나쁜 웹 명령은 짧아서가 아니라, AI가 추측해야 할 빈칸이 많아서 문제입니다

좋은 수정 요청은 막연한 감상에서 멈추지 않습니다. 위치, 문제, 원하는 상태, 유지할 부분, 검사 기준을 함께 적어야 AI가 어디를 어떻게 고쳐야 하는지 바로 이해할 수 있습니다.

Goal막연한 수정 요청을 고칠 수 있는 5칸 구조를 익힙니다.
Output내 페이지용 웹 수정 요청 한 문장을 완성합니다.
Check좋은 부분은 유지하면서 문제만 고치는 문장인지 확인합니다.
Next다음 제작과 검수 요청에도 그대로 이어서 씁니다.
나쁜 웹 명령은 빈칸이 많아서 문제라는 수업용 장면
Prompt Repair위치, 문제, 원하는 상태, 검사 기준을 함께 적는 수정 요청 구조입니다
Page 02

Notion처럼 정리된 문서 화면을 보면, 수정 요청도 한 줄 감상이 아니라 다시 읽을 수 있는 기록이어야 한다는 감각이 생깁니다

고친 요청은 머릿속 느낌을 바로 던지는 문장이 아니라, 다시 열어 보고 덧붙이고 수정할 수 있는 기록에 가깝습니다. 어디를 왜 고치는지 남겨 두면 다음 요청도 훨씬 안정적으로 이어집니다.

  • 1좋은 수정 요청은 한 번 말하고 끝나는 감상이 아니라 남는 기록입니다.
  • 2위치와 문제를 따로 적어 두면 빠진 정보가 금방 보입니다.
  • 3다음 번 수정도 같은 문서를 바탕으로 이어 가기 쉬워집니다.
Notion 문서 화면 스크린샷
Notion수정 요청도 메모보다 정리된 문서처럼 남겨 두면 빠진 칸과 다음 수정이 잘 보입니다
Page 03

질문형 폼처럼 필요한 칸을 하나씩 나누면, 나쁜 수정 요청도 훨씬 빠짐없이 고칠 수 있습니다

무엇이 비었는지 눈에 보이게 만드는 형식은 초심자에게 특히 강합니다. 어느 위치인지, 무엇이 문제인지, 어떻게 바뀌어야 하는지 칸을 나누면 막연한 말이 줄어듭니다.

Missing Fields빈칸이 보이면 AI가 추측할 부분도 같이 보입니다.
Step By Step한 번에 잘 쓰려 하지 않고 칸마다 한 줄씩 채우면 훨씬 또렷해집니다.
Tally 폼 템플릿 화면 스크린샷
Tally좋은 수정 요청은 필요한 질문이 빠짐없이 보이는 폼처럼 구조가 나뉘어 있습니다
Page 04

OpenAI 가이드처럼, 좋은 요청은 막연한 감상보다 맥락과 조건과 검사 기준을 먼저 줍니다

AI는 “좀 더 예쁘게”보다 구체적인 맥락과 목표를 더 잘 읽습니다. 수정 요청도 어느 부분을 유지하고, 무엇을 고치고, 끝나고 무엇을 확인할지까지 같이 적는 편이 훨씬 강합니다.

  • 1현재 상태를 먼저 알려 주면 AI가 출발점을 이해합니다.
  • 2좋아져야 할 모습을 적으면 목표가 분명해집니다.
  • 3마지막 검사 기준이 있어야 진짜 마무리까지 갑니다.
OpenAI Developers 프롬프트 문서 스크린샷
OpenAI Docs좋은 프롬프트는 감상보다 맥락, 조건, 점검 기준을 분명하게 먼저 줍니다
Page 05

첫 단계는 나쁜 명령을 바로 다시 쓰는 것이 아니라, 무엇이 비었는지 먼저 찾는 일입니다

“예쁘게”, “깔끔하게”, “잘 만들어줘”는 방향처럼 보이지만 실제 수정 지시는 아닙니다. 어느 섹션인지, 지금 무엇이 문제인지, 어떻게 바뀌어야 하는지를 먼저 찾는 것이 더 중요합니다.

Location어느 영역을 고치고 싶은지 빠져 있습니다.
Problem지금 무엇이 어색한지 설명이 없습니다.
Target좋아져야 할 모습이 보이지 않습니다.
Check모바일과 이미지 검수 기준이 없습니다.
나쁜 수정 요청의 빈칸을 진단하는 수업용 장면
Diagnosis나쁜 요청은 감상만 있고 위치와 문제와 목표와 검사 기준이 비어 있습니다
Page 06

좋은 수정 요청은 “전체를 다시”가 아니라, 어느 위치를 고칠지부터 분명하게 말합니다

첫 화면 제목, 대표 이미지, 카드 간격, 문의 버튼처럼 고칠 위치가 보이면 AI도 필요한 부분만 안정적으로 수정할 수 있습니다. 위치가 없으면 잘 된 부분까지 같이 흔들릴 수 있습니다.

Good Start첫 화면 제목 영역, 대표 이미지 영역처럼 정확한 위치를 먼저 적습니다.
Why It Helps어디를 만져야 하는지 보이면 전체를 갈아엎지 않고 필요한 부분부터 봅니다.
고칠 위치를 분명하게 적는 수업용 장면
Location First첫 화면 제목, 대표 이미지, 카드 간격처럼 고칠 위치를 먼저 말하는 습관이 중요합니다
Page 07

다음은 문제를 분명히 말하는 단계입니다. “별로야” 대신 지금 무엇이 어색한지 보여 줘야 합니다

문제는 감상이 아니라 현재 상태를 설명하는 문장입니다. 제목이 작다, 이미지가 어둡다, 카드가 너무 많다, 버튼이 안 보인다처럼 바로 고칠 수 있는 말이어야 합니다.

  • 1문제는 지금 화면에서 실제로 보이는 상태를 말합니다.
  • 2“느낌이 이상해”보다 “버튼이 아래로 밀렸다”가 훨씬 강합니다.
  • 3구체적인 문제 문장이 있어야 AI도 수정 방향을 잡습니다.
현재 문제를 구체적으로 적는 수업용 장면
Problem감상 대신 제목 크기, 이미지 밝기, 카드 수, 버튼 위치 같은 현재 문제를 적습니다
Page 08

문제를 말한 뒤에는 원하는 상태와 유지할 부분을 함께 적어야 합니다

좋은 수정 요청은 어디가 싫은지에서 끝나지 않습니다. 제목은 더 크게, 이미지는 더 밝게, 카드는 줄이고, 아래 커리큘럼은 그대로 둔다처럼 도착점과 유지할 부분을 함께 적어야 합니다.

Desired State제목은 더 크게, 이미지는 더 밝게처럼 결과를 보여 줍니다.
Keep잘 된 카드, 문의 섹션, 색상 분위기는 유지한다고 적습니다.
Safer Edit좋은 부분을 지키면서 필요한 부분만 바꾸기 쉬워집니다.
Clear GoalAI가 도착해야 할 목표 화면이 더 분명해집니다.
원하는 상태와 유지할 부분을 적는 수업용 장면
Desired State좋아져야 할 모습과 그대로 둘 부분을 함께 적어야 불필요한 재작업이 줄어듭니다
Page 09

마지막 칸은 검사 기준입니다. 고친 뒤 무엇을 확인할지 적어야 진짜 마무리까지 갑니다

좋은 수정 요청은 결과를 만든 다음 어떤 화면에서 무엇을 확인할지까지 말합니다. 모바일 390px, 데스크톱 1440px, 글자 겹침, 이미지 잘림, 가로 스크롤 같은 기준이 있어야 마지막 오류가 남지 않습니다.

Mobile Check작은 화면에서도 제목과 버튼과 카드가 안정적으로 보여야 합니다.
Desktop Check넓은 화면에서 카드 간격과 대표 이미지 구도가 무너지지 않아야 합니다.
검사 기준을 적는 수업용 장면
Check Criteria모바일과 데스크톱에서 글자 겹침, 잘림, 가로 스크롤이 없는지 확인합니다
Page 10

이 다섯 칸을 채우면, 막연한 감상은 실제로 고칠 수 있는 웹 수정 요청으로 바뀝니다

좋은 수정 요청은 “전체를 다시”가 아니라, 어디를 어떻게 바꾸고 무엇을 확인할지 분명한 문장입니다. 지금부터는 이 문장을 복사해서 바로 실전에 쓸 수 있습니다.

현재 만든 수업 소개 웹페이지에서 첫 화면만 수정해줘. 문제는 제목이 작고 대표 이미지가 너무 어두워서 수업 분위기가 잘 안 보이는 거야. 제목은 두 줄까지 크게 보이게 하고, 대표 이미지는 밝고 선명하게 보이게 해줘. 신청 버튼은 첫 화면 안에서 바로 보이게 배치해줘. 아래 커리큘럼 카드와 문의 섹션은 유지해줘. 수정 후 모바일 390px과 데스크톱 1440px에서 글자 겹침, 이미지 잘림, 가로 스크롤이 없는지 확인해줘.
완성된 웹 수정 요청 예시를 보여주는 수업용 장면
Full Example위치, 문제, 원하는 상태, 유지할 부분, 검사 기준이 한 문장 흐름으로 이어진 예시입니다
Page 11

“다시 예쁘게 해줘”는 고칠 수 없지만, 위치와 문제와 목표가 있으면 AI도 훨씬 정확해집니다

길이보다 중요한 것은 구조입니다. 좋은 수정 요청은 더 어려운 말을 쓰는 것이 아니라, AI가 어디를 만져야 하는지와 무엇을 남겨야 하는지를 분명히 보여 주는 문장입니다.

Bad별로야. 다시 예쁘게 만들어줘. 모바일도 좀 잘 되게 해줘.
Good첫 화면 제목 영역만 수정해줘. 제목은 더 크게, 버튼은 첫 화면 안에서 바로 보이게 바꿔줘. 모바일 390px에서 겹침과 잘림을 확인해줘.
Bad Result전체가 흔들리고 잘 된 부분까지 다시 만들어질 수 있습니다.
Good Result필요한 부분만 정확히 고치고 결과 검수까지 이어 갈 수 있습니다.
나쁜 수정 요청과 좋은 수정 요청을 비교하는 수업용 장면
Bad vs Good좋은 수정 요청은 화려한 말이 아니라 AI가 고칠 위치와 목표를 보여 주는 구조입니다
Page 12

오늘의 실습: 내 페이지를 위한 웹 수정 요청 한 장을 직접 채워 봅니다

오늘의 결과는 완성된 코드가 아니라, AI에게 바로 보낼 수 있는 수정 요청 초안입니다. 다음 제작과 수정과 검수에서 반복해서 꺼내 쓸 수 있는 문장입니다.

  • 1고칠 위치와 현재 문제를 한 줄씩 적습니다.
  • 2원하는 상태와 유지할 부분을 함께 적습니다.
  • 3검사 기준을 붙이고 마지막에 한 문장 요청으로 합칩니다.
웹 수정 요청 기록표 활동지 장면
Worksheet오늘의 목표는 내 페이지용 웹 수정 요청 한 문장을 완성하는 것입니다