AI 프롬프트 잘 쓰는 법
홈페이지 제작에서 쓰는 말코딩 노하우

💬 어떻게 말하느냐가 결과를 결정한다

AI한테 말하면 홈페이지가 만들어진다. 맞는 말이다. 근데 같은 AI한테 말해도 결과가 완전히 다른 경우가 있다. 누군가는 원하는 게 바로 나오고, 누군가는 열 번 고쳐도 엉뚱한 결과만 나온다.

차이는 코딩 실력이 아니다. 말하는 방식에 있다. AI한테 어떻게 말하느냐에 따라 결과의 질이 완전히 달라진다. 이 글에서 뚝딱닷컴을 만들면서 실제로 쓴 노하우를 공유한다.

🗣️ 말코딩이 뭔가요?

말코딩은 코드를 직접 쓰는 대신 AI한테 원하는 것을 말로 설명해서 코드를 만드는 방식이다. "버튼 만들어줘", "색상 바꿔줘", "메뉴 추가해줘" 같은 식으로 대화하면 AI가 직접 파일을 수정해준다.

이 방식에서 중요한 건 HTML이나 CSS 문법이 아니다. 내가 원하는 걸 정확하게 설명하는 능력이다. 모호하게 말하면 모호한 결과가 나온다. 구체적으로 말하면 원하는 결과가 나온다.

⚖️ 잘 되는 프롬프트 vs 안 되는 프롬프트

같은 요청도 어떻게 말하느냐에 따라 결과가 완전히 달라진다. 아래 두 예시를 비교해보면 차이가 명확하다.

구체적일수록 원하는 결과가 나온다. 막연한 요청은 막연한 결과를 낳는다. 처음엔 어색해도 습관이 되면 시간이 훨씬 줄어든다.

🎯 실전 노하우 5가지

뚝딱닷컴을 만들면서 실제로 터득한 것들이다. 이 다섯 가지만 지켜도 결과가 달라진다.

🚨 오류 났을 때 대처법

코드를 넣었는데 화면이 깨지거나 기능이 안 된다. 이럴 때 가장 빠른 방법은 하나다. 오류 메시지를 그대로 복사해서 AI한테 붙여넣는 것이다.

브라우저에서 F12를 누르면 개발자 도구가 열린다. "Console" 탭에 빨간 글씨로 오류 메시지가 있다면 그걸 전체 선택해서 복사하고, Claude Code에 그대로 붙여넣으면 된다. 설명을 덧붙이지 않아도 된다. 메시지 자체가 이미 필요한 정보를 다 담고 있다.

📋 실제 사용 예시 — 뚝딱닷컴을 만들면서 쓴 프롬프트

말로만 설명하면 와닿지 않을 수 있다. 뚝딱닷컴을 만들면서 실제로 입력했던 프롬프트 세 가지를 공개한다.

✅ 마무리 — 말 잘하는 사람이 이기는 시대

코딩을 배우는 시대가 아니다. AI한테 잘 말하는 걸 배우는 시대다. 명령어를 외우는 능력보다, 원하는 걸 정확하게 설명하는 능력이 더 중요해졌다.

처음엔 원하는 결과가 바로 안 나와도 괜찮다. 틀린 결과를 보고 "이건 이래서 안 돼, 이렇게 바꿔줘"라고 이어서 말하면 된다. AI와 대화하는 과정 자체가 노하우가 된다. 할수록 빨라진다.

뚝딱닷컴 교재 전체가 이 방식으로 만들어졌다. Claude Code와 대화하면서 페이지 하나씩 쌓아올린 과정이 교재에 그대로 담겨 있다.