

📖 혼자서 3주 만에 크롬 확장 만드는 법 - rHWP 개발자의 AI 협업 공식
📰 AI에 날개를 달다 | AI 프롬프트 연구소(APLab) | 피플웨어교육컨설팅
📅 2026.05.05 | 바이브 코딩 HOW-TO · 개인 개발자의 3주 공식
📰 원문 기사: 디지털데일리 | 개인이 개발한 크롬 HWP 편집기 주목…한컴 "개방형 생태계 확장 환영"
💡 한 줄 핵심 메시지
"기업이 20년 걸린 일을, 개인이 AI와 함께 3주에 해냈다."
🚀 "개발자 1명이 3주에 해낸 일" - rHWP 사건 요약
"개발자 한 명이, 3주 만에, 한컴 오피스의 핵심 기능 일부를 크롬 브라우저로 옮겨왔다."

이 한 줄이 국내 개발자 커뮤니티를 뒤집어 놨습니다. 2026년 4월 17일 디지털데일리 보도에 따르면, 개발자 Edward Kim이 공개한 rHWP는 크롬 브라우저에서 HWP·HWPX 파일을 바로 열고 편집할 수 있는 오픈소스 확장 프로그램입니다.

더 놀라운 건 개발 방식입니다.
"AI와 협업하는 방식으로 약 3주 만에 완성."
한컴조차 "법적 대응 계획 없음, 오히려 개방형 생태계 확장 환영" 이라고 공식 입장을 밝혔습니다.
📊 핵심 수치
| 지표 | 수치 | 의미 |
|---|---|---|
| ⏱️ 개발 기간 | 3주 | 개인 개발자 단독 |
| 👤 개발자 수 | 1명 | Edward Kim |
| 💸 개발 비용 | 0원 | 오픈소스 무료 공개 |
| 🏢 한컴 공식 반응 | 환영 | "법적 대응 없다" |
| 🌐 배포 플랫폼 | 크롬 웹스토어 + GitHub | 글로벌 즉시 배포 |
오늘 글을 다 읽으면, 당신도 "비개발자 수준에서 바로 따라할 수 있는 AI 협업 개발 5단계" 와 실전 프롬프트 3종을 손에 쥐게 됩니다.
🔍 '바이브 코딩'이 뭔가요? - 개념 정의
바이브 코딩(Vibe Coding) 은 한마디로 이렇습니다.

"코드를 직접 타이핑하지 않고, AI에게 '무엇을 만들고 싶은지'만 설명해서 프로덕트를 완성하는 개발 방식."
🏗️ 쉬운 비유: 건축가와 대화하기
예전엔 집을 지으려면 벽돌 쌓는 법부터 배워야 했습니다(= 코딩). 바이브 코딩은 "2층짜리 카페, 창문은 남향, 주방은 오픈형" 이라고 건축가(= AI)에게 말만 하면 도면과 시공이 자동으로 나오는 방식입니다.
당신은 "어떤 공간이 필요한가" 만 고민하면 됩니다.
🛠️ 2026년 주류 바이브 코딩 도구
| 도구 | 강점 | 추천 상황 |
|---|---|---|
| 🤖 Claude Code | 터미널 + 긴 컨텍스트 | 중대형 프로젝트 |
| ⚡ Cursor | AI 내장 VS Code | 파일 전체 리팩토링 |
| 🌐 Claude in Chrome | 브라우저 자동화 | 크롬 확장·웹 자동화 |
| 🏄 Windsurf | 에이전틱 워크플로우 | 멀티 파일 변경 |
💡 APLab 포인트 - 모르면 생기는 손해:
"개발자가 아니니까 나랑 상관없다"는 생각이 가장 큰 함정입니다. rHWP 사례의 진짜 메시지는 "기업이 못 한 일을 개인이 AI로 3주에 해낸다" 는 구조 자체입니다. 당신 회사의 Excel 매크로, 반복 보고서, 사내 도구 - 같은 공식으로 만들 수 있습니다. 이걸 모르는 동료와 1년 뒤 생산성 격차는 최소 5배입니다.
🗺️ 바이브 코딩 5단계 공식 - 한눈에 보기
rHWP 개발자가 3주 만에 완성할 수 있었던 공식을 5단계로 분해했습니다.

| Step | 단계 | 핵심 행동 | 소요 시간 |
|---|---|---|---|
| 01 | 🎯 문제 정의 | "사용자+상황+불편"을 한 문장으로 | 1시간 |
| 02 | 📋 PRD 생성 | AI에게 '제품 요구사항 문서'부터 만들게 | 10분 |
| 03 | 🧱 스택 선택 | 'AI가 가장 잘 짜는 스택'을 의도적으로 | 30분 |
| 04 | 💻 구현 | Claude Code/Cursor에 PRD 넣고 한 기능씩 | 1~2주 |
| 05 | 🚀 공개 | 70점에 GitHub·웹스토어 배포 → 피드백 | 30분 |

🔑 Step 01 · 문제 정의
"내가 진짜 불편한 지점"을 한 문장으로 쓴다
rHWP 개발자의 출발점은 이 한 문장이었을 겁니다.
"맥/리눅스에서 HWP 파일을 열 수가 없다."
기능 목록을 먼저 나열하지 마세요. "누가, 언제, 무엇을 못 해서 짜증나는가" 만 쓰세요.
⚠️ 흔한 실수
"AI 앱 만들고 싶어요"처럼 막연하게 시작하면 AI도 막연한 답만 줍니다. 반드시 '사용자 + 상황 + 불편' 이 들어가야 합니다.
🔑 Step 02 · PRD 생성
AI에게 'PRD(제품 요구사항 문서)'부터 만들라고 시킨다
코드를 바로 짜달라고 하지 마세요. 먼저 Claude나 ChatGPT에게 "PRD를 만들어줘" 라고 하세요. 이게 설계도 역할을 합니다.
기능 목록, 사용자 흐름, 기술 스택 후보, 화면 구성까지 한 번에 정리됩니다.
💡 APLab 꿀팁:
피플웨어 SKILL 라이브러리의 prd-generator 스킬을 쓰면 10초면 끝납니다. PRD 한 장이 3주 프로젝트 성패의 70%를 결정합니다.

🔑 Step 03 · 기술 스택 선택
"AI가 가장 잘 짜는 스택"을 의도적으로 고른다
rHWP는 크롬 확장(JavaScript) + 웹 기반이라는, AI가 가장 많이 학습한 스택을 선택했습니다. 이게 3주 완성의 숨은 비결입니다.
당신이 Swift, Kotlin, C++ 같은 무거운 스택으로 가면 AI도 실수가 많아집니다.
✅ 추천 스택 (2026년 기준)
| 목적 | 추천 스택 | 이유 |
|---|---|---|
| 🌐 웹앱 | Next.js + Vercel | AI 학습량 압도적, 배포 1클릭 |
| 🧩 크롬 확장 | Manifest V3 + JavaScript | rHWP와 동일, 진입 낮음 |
| 🤖 업무 자동화 | Python + Streamlit | 데이터·AI 연동 간편 |
| 📱 모바일 | React Native | 크로스플랫폼, AI 지원 우수 |
🔑 Step 04 · AI 코딩 툴로 구현
Claude Code / Cursor에 PRD를 통째로 넣는다
이제 실제 개발입니다.
- Claude Code (터미널에서 AI와 협업) 또는
- Cursor (AI 내장 VS Code)
를 엽니다. Step 2에서 만든 PRD를 통째로 붙여넣고 다음과 같이 지시합니다.
"이 명세대로 프로토타입부터 만들어줘. 한 기능씩 순서대로."
⚠️ 핵심 규칙 - 한 번에 전부 시키지 마세요
"기능 1 → 테스트 → 기능 2 → 테스트" 순으로 쪼개야 AI가 망가진 코드를 덜 만듭니다. 이게 '작은 반복 루프' 원칙입니다.

🔑 Step 05 · 공개 + 피드백 루프
완벽해지기 전에 GitHub/웹스토어에 공개한다
rHWP가 진짜 잘한 건 70점짜리를 먼저 공개한 것입니다.
오픈소스로 깃허브에 올리고 크롬 웹스토어에 배포하니, 사용자들이 이슈를 리포트하고 기능을 요청하기 시작했습니다.
커뮤니티가 무료 QA팀이 된 거죠.
💡 현장 조언
많은 사람이 '완벽해지면 공개'를 목표로 하다가 영원히 공개 못 합니다. 2주차에 강제로 공개하세요. 피드백이 있어야 다음 버전이 나옵니다.
💡 실전 프롬프트 3종 - 바로 복사해서 쓰세요

🔹 프롬프트 1 · PRD 생성 (Step 2)
[ 상황 ] 만들고 싶은 도구가 머릿속에 있지만 어디서 시작해야 할지 막막할 때
너는 10년차 프로덕트 매니저다.
내가 만들고 싶은 도구를 설명할 테니,
다음 형식으로 PRD를 작성해줘.
【만들고 싶은 것】
[한 문장으로 설명]
【사용자】
[누가 쓸 건지]
【요청 형식】
1. 제품 한 줄 설명
2. 해결하는 문제 (Before/After)
3. 핵심 기능 5가지 우선순위
4. 추천 기술 스택 (AI가 가장 잘 짜는 것 기준)
5. 3주 안에 완성 가능한 MVP 범위
6. 제외해야 할 기능 (Scope Creep 방지)💚 활용 팁: 이 PRD를 Step 4에서 Cursor/Claude Code에 통째로 넣으면 3주가 2주로 줄어듭니다.
🔹 프롬프트 2 · 기능 단위 구현 (Step 4)
[ 상황 ] Claude Code/Cursor에서 실제 코드를 만들 때
아래 PRD를 기반으로 개발한다.
지금은 [기능 N]만 구현해줘.
규칙:
1. 한 번에 한 파일만 수정
2. 각 단계 끝에 "테스트하는 법"을 명시
3. 내가 OK할 때까지 다음 기능 금지
4. 에러가 나면 먼저 원인을 한국어로 설명
【PRD 전문】
[Step 2에서 생성한 PRD 붙여넣기]
시작해줘.💚 활용 팁: "한 번에 한 파일"이 핵심입니다. AI가 폭주해서 프로젝트 전체를 망가뜨리는 사고를 막습니다.
🔹 프롬프트 3 · 버그 디버깅 (Step 4 중간)
[ 상황 ] 에러가 났는데 내가 뭘 잘못한 건지 모를 때
에러가 났다. 나는 비개발자 수준이니
다음 순서로 설명해줘.
1. 이 에러가 "사람 말로" 무슨 뜻인지
2. 왜 발생했는지 (원인 2~3개 후보)
3. 가장 가능성 높은 원인 1개
4. 그 원인 기준 수정 방법 (파일명 + 라인)
5. 수정 후 다시 테스트할 방법
【에러 메시지】
[에러 로그 그대로 붙여넣기]
【관련 파일】
[어느 파일에서 났는지]💚 활용 팁: 이 프롬프트 하나면 "Stack Overflow 3시간 검색"이 "AI 대화 10분" 으로 줄어듭니다.
🫵 이렇게 써먹어요 - 실전 활용 사례 3가지
rHWP와 똑같은 공식을 당신 상황에 이식할 수 있는 3가지 시나리오입니다.

🏢 사례 1 · 직장인 (기획·마케팅 실무자)
매주 반복하는 보고서를 자동 생성기로 전환
매주 월요일 아침, 여러 시트에서 데이터를 긁어 PPT로 붙이는 일. 이걸 Python + Streamlit 웹앱으로 자동화합니다. 파일 업로드 → 버튼 클릭 → 완성.
| Before 🕗 | After ⚡ |
|---|---|
| 매주 3시간 × 48주 = 연 144시간 | 버튼 1번 × 5초 + 개발 5일 |
🏪 사례 2 · 소상공인·1인 사업자
고객 문의를 자동 분류·답변 초안 만드는 크롬 확장
네이버 스마트스토어·카카오톡 채널에 쌓이는 문의를 크롬 확장으로 자동 분류(배송/환불/문의)하고 답변 초안까지 뽑아줍니다. rHWP와 동일한 크롬 Manifest V3 스택.
| Before 🕗 | After ⚡ |
|---|---|
| 문의 답변에 하루 2시간 | 답변 초안 자동 → 검토만 20분 |
🎓 사례 3 · 강사·교육자 (창의적 활용)
수강생 과제 자동 피드백 웹앱 제작
수강생이 URL 하나 붙여넣으면, AI가 평가 기준에 따라 자동으로 피드백을 생성해주는 웹앱. Claude API + Next.js 조합으로 약 5일이면 완성.
피플웨어 SKILL Maker가 이 패턴을 채택한 구조입니다.
| Before 🕗 | After ⚡ |
|---|---|
| 수강생 30명 × 30분 = 15시간 | 자동 초안 + 검수 10분 × 30 = 5시간 |
⭐ AI 전문가의 한 수 - 고급 팁 3가지
피플웨어 강의 현장에서만 나눠드리는 고급 팁입니다. rHWP 같은 완성도를 내려면 이게 필요합니다.

⭐ 고급 팁 1 · 멀티 AI 협업
설계는 Claude, 구현은 Cursor, 리뷰는 ChatGPT.
한 AI에만 의존하지 마세요. 각 AI마다 강점이 다릅니다.
| AI | 강점 |
|---|---|
| 🧠 Claude | 긴 PRD 설계 강함 |
| ⚡ Cursor | 파일 전체 리팩토링 강함 |
| 🔍 ChatGPT | 최신 라이브러리 검색 강함 |
3단 체인을 짜면 완성도가 수직 상승합니다.
⭐ 고급 팁 2 · 'Skill'로 반복 패턴 저장
Claude Skills(스킬)은 당신만의 작업 공식을 파일로 저장하는 기능입니다. PRD 생성·버그 분석·코드 리뷰 같은 반복 작업을 .skill 파일로 만들어두면, 다음 프로젝트는 첫날부터 50% 먼저 출발합니다.
SKILL Maker로 10분이면 만들 수 있습니다.
⭐ 고급 팁 3 · '완성도'가 아닌 '배포 속도'로 측정

rHWP가 한컴의 긍정 반응까지 끌어낸 핵심은 "빠른 배포" 입니다.
70점짜리를 공개하고 피드백으로 90점을 만드세요. 혼자 100점 만들려다가 영원히 출시 못 하는 것보다,
70점 × 5번 반복 = 최종 95점 이 훨씬 빠릅니다.
⚠️ 이것도 알아두세요 - 주의사항 & 한계
⚠️ 시작 전 꼭 체크
- 기업 환경의 한계: rHWP 기사에도 언급됐듯이, 개인용 간단 편집은 되지만 기업 보안 요건·공공기관 납품 조건은 못 맞춥니다. 내부 업무 자동화·개인 프로덕트에 먼저 쓰세요.
- 저작권·라이선스: AI가 생성한 코드라도 오픈소스 라이브러리를 쓴다면 라이선스(MIT, Apache, GPL) 체크 필수. 특히 GPL 계열은 상용화 시 주의가 필요합니다.
- 유료 플랜 차이: Claude Code·Cursor는 기본 무료 사용량이 있지만, 실제 3주 개발엔 월 20달러(Pro) 이상 구독이 현실적입니다. Claude Max는 개발 중심이면 월 $100이 오히려 이득일 수 있습니다.
- 이럴 땐 쓰지 마세요: 금융·의료·개인정보 직접 다루는 시스템은 바이브 코딩 결과물을 그대로 운영에 투입하면 안 됩니다. 반드시 전문 개발자의 보안 리뷰를 거치세요.
✅ 오늘 배운 것 5줄 요약
- 🧠 바이브 코딩 = 코드 안 짜고 AI에게 '무엇을'만 설명하는 개발 방식
- 🗺️ rHWP 공식 5단계: 문제 정의 → PRD → 스택 선택 → 구현 → 공개 피드백
- 🔑 핵심은 '한 번에 한 기능' - AI가 폭주하지 않게 작은 루프로 쪼개기
- 💡 실전 프롬프트 3종: PRD 생성 · 기능 단위 구현 · 버그 디버깅
- 🚀 완벽주의 금지 - 70점 배포 후 피드백으로 95점 만들기
"기업이 20년 걸린 일을,
개인이 AI와 함께 3주에 해냈다."
🎯 오늘의 초간단 숙제 (15분)
지금 당장 노션·메모장을 열고, "내가 매주 반복하는 업무 중에 가장 짜증나는 것 하나" 를 한 문장으로 쓰세요.
그걸 위 프롬프트 1(PRD 생성) 에 그대로 넣어 Claude에게 던져보세요.
10분이면 당신의 첫 MVP 설계도가 나옵니다.




🔗 관련 링크
🏠 [연구소] AI 프롬프트 연구소 🎓 [이러닝 클래스] 정진일의 PEOPLEWARE
📮 [뉴스레터] Next AI
📺 [유튜브 채널] AI에 날개를 달다
📝 [블로그] 자기 성장에 날개를 달다
💬 [문의] 프롬프트 엔지니어
📚 [과정] AI 에이전트를 활용한 업무 자동화
🎯 [과정] AI 전문강사(제자) 양성

의견을 남겨주세요