본문으로 건너뛰기

루프공방LoopLab

배우기 카탈로그 도구·모델 AI 질의 자료실 소식 챌린지 공유 방명록

페이지를 불러오는 중입니다.

루프공방

바이브코딩을 해 봤지만 아직 서툰 사람을 위해, 하네스·Skills·MCP·Hooks·실제 도구를 익히고 시행착오를 줄이는 학습 허브

검색 완전 초보 배우기 도구·모델 카탈로그 소식 자료실 챌린지 프로젝트 방명록 로그인

배우기
카탈로그
AI 질의
자료실
챌린지
공유

루프공방·LoopLab

해 봤는데, 아직 서툰
바이브코딩을 위한 공방

바이브코딩을 해 봤지만 아직 서툰 사람을 위해, 하네스·Skills·MCP·Hooks·실제 도구를 익히고 시행착오를 줄이는 학습 허브

완전 초보 가이드 프롬프트 5칸 도구·모델 AI 질의

Skills MCP Hooks 코딩 도구 Plugin · 라이브러리 도구·모델 개발 지식

오늘 할 일 · 6단계

메뉴가 많아도 입구는 이 순서. 체크는 이 브라우저에만 저장됩니다.

0/6

01
완전 초보
바이브·에이전트 정의 · Git/Node · Claude/Codex/Antigravity/OpenCode 설치
초보 가이드 →
02
프롬프트 작성
5칸 공식·복붙 예시로 에이전트에게 정확히 시키기
작성법 →
03
완전입문
기획 → 화면 → 배포까지 한 바퀴 (비전공 OK)
입문 →
04
UI 고르기
결과물 비교 + DESIGN.md 톤 선택
톤 고르기 →
05
첫 Build
한 줄·도구 1개 이상 남겨 공유 (게스트 OK)
올리기 →
06
챌린지 도전
주간 템플릿으로 한 번 더 — 반복이 실력
도전 →

정의 · 설치 · 첫 프롬프트

주간 템플릿 · Build 제출

18개 공개 Build

로그인 없이 한마디

20

학습 가이드

154

카탈로그 항목

18

공개 Build

9

실전 꿀팁

막힐 때 쓰는 꿀팁

프롬프트입문

지시는 5칸: 목표·스택·규칙·완료·범위

‘예쁘게 해줘’ 대신 목표 한 문장, 경로, 하지 말 것, 브라우저에서 볼 완료 조건, 이번 턴 범위만 적어도 성공률이 올라갑니다. 예시 모음: /learn/prompts

워크플로입문

한 번에 ‘앱 전체’를 시키지 마세요

바이브코딩을 해 본 사람이 가장 많이 하는 실수입니다. ‘로그인 있는 SaaS 전체’ 대신 ‘로그인 화면 + 세션 확인’처럼 한 조각만 끝낸 뒤 다음 조각으로 가세요.

컨텍스트중급

대화가 길어지면 새 채팅 + 요약

같은 스레드에 에러 로그를 계속 붙이면 모델이 예전 잘못된 가정을 붙잡습니다. 현재 목표·파일 경로·안 되는 점 3줄만 새 세션에 옮기세요.

막힘로그입문

막히면 진행·로그를 HTML로 남겨 두세요

채팅만 스크롤하면 ‘어디까지 됐는지’를 놓치기 쉽습니다. 오늘 목표·끝난 일·안 되는 점·에러 로그 요약을 짧은 HTML 한 장으로 저장해 두면, 본인이 진행을 보고 에이전트에게도 이어서 시킬 수 있습니다. 템플릿: /learn/progress

프롬프트

‘저 파일’ 대신 경로를 적으세요

`src/app/page.tsx`처럼 경로를 주면 환각이 확 줄어듭니다. ‘그 컴포넌트’ ‘아까 만든 거’는 실패 패턴입니다.

검증

‘됐습니다’를 믿지 말고 실행하세요

에이전트가 완료를 선언해도 tsc·브라우저·로그를 확인하세요. 초보가 아니라 숙련자도 같은 함정에 빠집니다.

MCP보안

MCP는 3개 이상 한꺼번에 켜지 마세요

처음엔 파일/GitHub 정도만. 서버가 많을수록 도구 선택 실수·권한 사고가 늘어납니다.

Skills

스킬은 ‘만능 비서’가 아니라 한 일

리뷰 스킬, 배포 체크 스킬처럼 책임을 쪼개세요. 모든 걸 하는 스킬은 결국 아무도 안 믿습니다.

하네스중급

프롬프트 말고 하네스를 고치세요

같은 실수가 반복되면 지시를 더 길게 쓰지 말고, 규칙 파일·훅·완료 조건(테스트)을 고치세요. 그게 하네스 엔지니어링의 시작입니다.

최근 활동

공유 Build · 방명록

최근 Build

AI 에이전트운영 중Claude Code

아는봇 — 내 자료로 만드는, 근거 대는 챗봇

파일 하나로 3분 만에 봇을 만들고, 틀리면 그 자리에서 고쳐 기억시킵니다

NaDa2026년 8월 29일

웹서비스MVPClaude Code

스냅부산 (SnapBusan) — 사진 한 장으로 부산 장소 찾기

이름을 몰라도 됩니다. 스크린샷을 올리면 어디인지 찾아 거기까지 데려다줍니다

NaDa2026년 8월 29일

데이터 분석MVPClaude Code

경남 AI GIS 코파일럿

「의료 취약한 동네」라고 물으면 305개 행정동이 지도에 칠해집니다

NaDa2026년 8월 29일

방명록

전체 · 남기기 →

bdw
유익하고 좋은 교육이었습니다. 팀장님 강의 준비한다고 고생 많으셨습니다. 이 패들렛이 서로의 노하우를 공유해서 한 단계 더 도약하는데 도움이 되길 바랍니다. 감사합니다.
Hive
https://blog.naver.com/elliestar/224345576564 후기 올렸습니다. 오늘 26년 7월 13일 강의 준비하시느라 너무나 고생 많으셨습니다!! 진주에서 들으러 갔었는 데 들으러 간 보람이 있었습니다. 이런 정보 서울권에만 있는 데 경남도 있어서 행복했어요. 배웠던 정보로 바이브 코딩 고도화 해보겠습니다!
루프 방문객
방명록 테스트 — 로그인 없이 남깁니다.

학습 가이드

짧은 글 · 바로 적용

전체 가이드

하네스 엔지니어링이란

프롬프트만 잘 쓰는 게 아니라, 에이전트를 감싸는 레일(규칙·훅·스킬·검증)을 설계하는 일.

하네스에이전트

하네스 레이어 쌓기

규칙 → 스킬 → 훅 → MCP → 평가 순서.

하네스실전

하네스 안티패턴

규칙 100줄, MCP 20개, 훅 과다.

하네스함정

프롬프트 작성: 5칸만 지키면 된다

목표·스택·규칙·완료·범위. 나쁜 예와 좋은 예, 복붙 레시피는 전용 페이지에.

입문프롬프트초보

개발 지식 없이 시작하기 (지도 안내)

프론트·백엔드·인증·보안·배포 용어가 막막할 때. 전체 지도로 이동하는 입구 가이드.

입문개발지식초보

바이브코딩 첫 주: 실패 패턴 피하기

데모는 되는데 다음이 없는 이유를 끊는 7일 루틴.

실전 카탈로그

GitHub·공식 문서 기준 Skills · MCP · 도구 · Plugin

MCP중급GitHubPR

GitHub MCP Server

이슈·PR·코드를 도구로

공식/커뮤니티 GitHub MCP로 리포 조회, 이슈·PR 생성 등을 에이전트 도구로 노출.

MCP 데모·실무 모두 1순위 연동

자세히 공식

MCP입문파일입문

허용된 폴더만 읽고 쓰기

지정 디렉터리 안에서 파일 목록·읽기·쓰기를 도구로 제공. 가장 기본적인 MCP 학습 재료.

입문용 MCP 설치 1순위

자세히 공식

MCP실전DBSQL

DB 스키마·쿼리 도구

Postgres에 연결해 스키마 탐색·쿼리를 에이전트 도구로 제공(구현체별 차이).

데이터 작업 에이전트의 기본 MCP

자세히 공식

도구입문CLI에이전트

터미널 중심 에이전트 코딩 CLI

로컬 저장소에서 파일을 읽고 수정·명령을 실행하며 멀티스텝 작업을 진행하는 Anthropic의 코딩 에이전트.

터미널 에이전트 코딩의 사실상 표준 레퍼런스

자세히 공식

도구입문IDERules

AI 네이티브 코드 에디터

VS Code 계열 UI에 채팅·에이전트·코드베이스 인덱싱을 붙인 IDE. Rules로 프로젝트 규칙을 고정.

바이브코딩 입문 IDE로 가장 많이 언급

자세히 공식

도구입문OpenAI에이전트

Codex 앱·CLI·웹 — ChatGPT 번들 코딩 에이전트

ChatGPT 계정과 묶인 OpenAI 코딩 에이전트. Codex 앱·웹·CLI로 진입하고, GPT‑6 Astra·Sol·Luna로 난이도별 비용을 나눈다. 클라우드 위임 태스크가 강점.

GPT 계열 코딩 워크플로 핵심

자세히 공식

Skill중급리뷰패턴

코드 리뷰 스킬 패턴

PR 리뷰 체크리스트를 스킬로

보안·성능·가독성 체크를 고정 프롬프트/스킬 파일로 두어 매번 같은 기준으로 리뷰.

셀프 리뷰 루프의 기본 패턴

자세히 공식

Skill실전TDD품질

TDD 스킬 패턴

테스트 먼저 쓰게 강제

실패 테스트 → 구현 → 통과 순서를 스킬/훅으로 고정. 바이브의 ‘일단 코드’를 교정.

품질 올리고 싶을 때 1순위 패턴

자세히 공식

소식 · 읽을거리

소식Anthropic

Model Context Protocol 소개

에이전트가 도구·데이터에 연결하는 오픈 프로토콜. MCP 입문.

소식getdesign.md

getdesign.md — DESIGN.md 카탈로그

유명 사이트 톤을 DESIGN.md로 정리한 컬렉션. 바이브 UI에 유용.

소식Vercel

Next.js 문서 (App Router)

App Router·Server Components 공식 문서. 배포·데이터 패칭 참고.

나중에, 가볍게 공유

초반은 학습이 메인입니다. 준비가 되면 한 줄만 올려도 됩니다.