🏁 시작 전 안내

결과물만큼 "어떻게 만들었는지"도 점수예요. 두 가지를 꼭 기록하세요.

  1. 딸깍(엔터) 횟수플랜 모드를 해제한 다음부터, 목적이 뭐든 엔터를 친 건 전부 세기. 코드 실행은 물론 단계 승인·"허용/Yes" 누른 것까지 하나도 빠짐없이!
  2. 시간플랜 모드 해제(= 실제로 만들기 시작)하는 순간부터 완성까지

결과를 받은 뒤 "이건 안 됐으니 고쳐줘" 하고 추가로 요청해도 돼요 — 그때 친 엔터·시간도 전부 합산됩니다.

물론 별도 승인 절차 없는 자율주행이 꼭 좋은 바이브코딩이라고 단정할 수는 없어요. 다만, AI가 내가 원하는 방식으로 일하게 작업환경을 구축하는게 하네스 엔지니어링이므로 '최소한의 엔터로 알아서 결과물을 보고 싶다'라는 상황설정을 해본거에요!
Made by DoRm · 교사 홍창욱
🍳

세계 레시피 도감 만들기

같은 한 줄 요청 — 그런데 하네스에 따라 결과물이 갈린다

바이브코딩Claude Code50분 미션자가진단 성적표

이런 걸 만듭니다

  • 1전 세계 음식을 예쁜 카드로 쫙 보여주는 사이트
  • 2검색 · 종류/나라로 골라보기 · 즐겨찾기
  • 3카드를 누르면 재료·만드는 법 상세가 열림
  • 4재료를 누르면 그 재료가 든 다른 요리로 이어짐

평범해 보이죠? 그런데 특정 음식·상황에서만 티 나는 함정이 곳곳에 숨어 있어요. 완성된 모범답안은 성적표 화면의 🍳 모범답안 보기에서 직접 눌러볼 수 있어요.

Claude에게 줄 요청문 (클릭하면 복사)

나 세계 여러 나라 요리를 모아서 보여주는 사이트 하나 만들고 싶어. 데이터는 친구가 'TheMealDB'라는 무료 데이터 쓰면 된다더라 — 거기서 가져오면 돼. 첫 화면에 음식들이 예쁜 카드로 쫙 깔렸으면 좋겠어. 카드마다 음식 사진이랑 이름, 무슨 종류인지(고기요리·디저트 이런 거), 어느 나라 음식인지 국기랑 같이 보여주고, 어울리는 태그도 한 줄로 깔끔하게 달아줘. 그리고 카드 아래 빈 공간에 그 음식에 뭐가 들어가는지 재료를 최대한 많이 채워서 보여줘 — 카드에 휑하니 빈 데 없이 꽉 채우고, 자리가 모자라면 그때 "+5개" 이런 식으로 생략하고. 카드들은 높이가 다 똑같아서 격자로 반듯반듯하게 보였으면 좋겠어. 맨 위엔 검색창이 있어서, 글자를 치는 즉시 결과가 바로바로 걸러졌으면 좋겠고. 화면을 아래로 내리면 음식이 계속 더 나오면서, 동시에 종류나 나라로 골라볼 수도 있고, 마음에 드는 음식은 하트 눌러서 맨 위에 딱 고정해두고 나중에 다시 들어와도 그대로 남아있게 해줘. 카드를 누르면 그 음식 상세가 열리는데, 거기엔 필요한 재료를 양이랑 같이 ("간장 두 큰술" 이런 식으로) 보기 좋게 보여주고, 만드는 법이랑 요리 영상도 같이 보이게 해줘. 그리고 재료 하나를 누르면 그 재료가 들어가는 다른 요리들로 쭉 이어지게 하고. 카드는 누르면 뒤집히면서 뒷면이 보이는 느낌이면 좋겠어. 아 그리고 TheMealDB에 우리나라 음식 레시피도 많을 테니까 김치찌개나 불고기 같은 한국 음식도 꼭 넣어줘. 한국 음식 빠지면 안 돼! 전체적으로 그냥 딱 보기 좋고 이쁘게 만들어줘!
⚠️
딱 이 요청문만 복사해서 시작하세요. 결과를 받은 뒤 의도대로 안 된 게 있으면 고쳐달라고 추가 요청해도 돼요 — 단, 그때 친 엔터와 걸린 시간도 전부 함께 측정됩니다(하네스가 좋을수록 추가 요청이 적겠죠). 그리고 이 자료(HTML) 파일 전체를 통째로 주면 안 돼요 — 정답과 함정이 다 들어있거든요!

점수는 이렇게

📏 시작하면서 두 가지를 기록하세요

  1. 딸깍(엔터) 횟수 — 플랜 모드 해제 뒤부터 친 엔터 전부 (단계 승인·"허용", 결과 받고 추가 수정 요청까지 모두)
  2. 시간 — 플랜 모드 해제(만들기 시작) 순간 ~ 완성까지 (결과 받고 고쳐달라는 추가 요청 시간도 포함)
⚖️ 물론 별도 승인 절차 없는 자율주행이 꼭 좋은 바이브코딩이라고 단정할 수는 없어요. 다만, AI가 내가 원하는 방식으로 일하게 작업환경을 구축하는게 하네스 엔지니어링이므로 '최소한의 엔터로 알아서 결과물을 보고 싶다'라는 상황설정을 해본거에요!
00:00
30

딸깍 횟수

적게 누를수록 높은 점수

20

완성 시간

플랜 해제 후 빨리 완성할수록

50

결과물

기본기 + 함정 방어를 눈으로 체크

🏆

다 만들었나요?

자기 결과물을 켜놓고, 체크리스트를 하나씩 직접 확인하세요.
딸깍 횟수·시간까지 넣으면 하네스 성적표가 나옵니다.

1 / 5

📋 하네스 성적표

자기 결과물을 직접 켜놓고, 실제로 되는 것만 체크하세요. 화면을 눈으로 확인!

⏱️ 기록

딸깍 30 · 시간 20

🧱 기본기

10개 · 20점

바이브코딩이라도 이건 돼야죠 — 보이는 그대로 확인.

    💣 숨은 함정 방어

    14개 · 30점

    🔎 표시가 있는 건 그 음식을 직접 검색해서 열어보세요. 첫 화면만 보면 안 보여요.

      📋 하네스 성적표 · Made by DoRm 교사 홍창욱 · dorm.dev
      🍳 모범답안 — 실제로 눌러보세요