AI는 쓴다, 시스템이 없다
Cursor·Claude·GPT를 매일 쓰지만 결과물이 한 곳에 모이지 않는다.
01 / 바이브코더 · 1인 기업
AI 시대의
1인 기업
운영체계.
좋은 시스템은 나를 복제한다. 좋은 AI는 나를 확장한다.
진단으로 빈 곳을 찾고, 템플릿으로 메우고, 같이 짓는다.
// 01 — 철학
좋은 시스템은 나를 복제한다.
좋은 AI는 나를 확장한다.
01
시스템 우선
도구가 아니라 결정 루프가 시스템이다. 입력 양식을 좁히면 회고가 쉬워진다.
02
AI는 필터
AI는 콘텐츠 생성보다 결정·필터에 쓸 때 일상 효과가 크다.
03
공개된 빌드로그
만들면서 쓰고, 쓰면서 팔린다. 빌드로그 자체가 자산이다.
// 02 — 문제
AI는 쓰는데 시스템이 없는 사람들.
결정을 매주 다시 한다
할 일·자료·회고가 도구마다 흩어져 같은 결정을 매주 재발견한다.
공개할 게 없다
혼자 만든 것은 많은데 보여줄 거점이 없어 신뢰가 쌓이지 않는다.
// 03 — 만든 것들
쇼룸 미리보기.
Build Log2026
요한 스튜디오
이 웹사이트 자체. 블로그·포트폴리오·스토어·진단의 거점.
Widget2026
NotionUIUX
노션에 임베드하는 픽셀·네온 톤 위젯 10종. 노션 대시보드를 본인 취향대로.
Notion OS2026
요한 OS
노션 기반 1인 운영체계. 실행 로그·리소스 DB·회고 루프.
Vibe Coding2026
출석 기반 랜덤 자리배치기
아침 조례 종이 제비뽑기를 웹앱으로 바꿔 평상시 2~3분을 10초 이내로 줄인 현장 사례.
AI Workflow2026
SnapContext
화면 캡처에 맥락을 묶어 AI에 바로 넘기는 크롬·웨일 확장.
AI Workflow2026
포커스 피드
유튜브 요약 기반 집중 피드 큐레이션.
// 03 — 글
블로그.
POST 012026-08-21
릴스에서 본 우사기 커서, 직접 Windows 선물 세트로 만들었다
커서 하나에서 시작해 휴지통·폴더·작업 표시줄까지 확장하고, 반복 적용 뒤에도 원래 Windows 상태로 돌아가도록 복구 구조를 다시 만든 개인 선물 제작기.
Windows커서개인 선물바이브코딩복구 설계
POST 022026-08-21
14장짜리 생일 앱을 친구 한 명을 위해 만들었다
이미지 생성이 막히자 콘티 편집기를 직접 만들고, AI 코딩 에이전트와 함께 14장짜리 생일 경험을 실제 노트북에서 끝까지 움직이게 만든 기록.
바이브코딩인터랙티브 웹콘티 편집기경험 설계AI 에이전트
POST 032026-07-19
캡처가 Claude Code 안으로 들어왔다 — SnapContext 0.3.0
브라우저 캡처 도구에 원격 MCP 서버를 붙였다. 확장 코드는 한 줄도 안 고치고 도구 3종을 얹어, 적대 검증 4라운드를 통과하고 AI 코딩 도구와 연결한 기록.
SnapContextMCPCloudflare바이브코딩
// 04 — 디지털 상품
스토어.
// 스토어 준비 중 — 곧 공개됩니다
// NOW — 최근 움직임
지금 움직이는 것들.
제품 릴리즈, 새 글, 배움의 기록이 생기는 대로 여기 쌓입니다. 손으로 고르지 않고, 실제 작업 데이터에서 그대로 가져옵니다.
업데이트 전체 보기 →
// 04 — 진단
A’Im Scan으로 빈 곳을 먼저 찾는다.
방향·전략·구조·수익화·프롬프트·디자인·의사결정 — 7개 영역을 21문항으로 진단한다. 결과는 5단계 레벨과 약한 영역 TOP 3으로 정리된다.
7영역
21문항
5레벨
// 05 — about
바리스타에서
바이브코더로.
2025.04 — 2026.04
카페사이 근무
서울 관악지역자활센터 청년 사업단 카페팀에서 바리스타로 일했다.
2026.04
카페 레이브 근무
자활센터 인턴 사업단 카페로 옮겨 계속 커피를 내리는 중.
2025.12 — 현재
AI · 노션 · 자동화 독학
노션으로 생각을 정리하고, AI 도구로 반복을 자동화하기 시작했다.
2025.12
도파민 러너 첫 MVP
HTML5로 만든 첫 바이브코딩 결과물. 작고 단순한 게임.
2026.01
Cursor 첫 MVP — 플렉시블
자리 랜덤 배치 앱. 처음 만든 Cursor 바이브코딩 결과물.
2026.02
노션 커스텀 대시보드
Cursor로 만들고 Vercel에 배포 → 노션에 임베드.
2026.04 — 현재
요한 스튜디오 + 요한 OS 구축
블로그·포트폴리오·스토어 거점, 그리고 개인 운영 시스템 동시 구축 중.
04 / FAQ · 자주 묻는 질문
물어볼 만한 것들.
답변 엔진(ChatGPT · Perplexity · Gemini)이 인용해도 그대로 쓸 수 있도록,
한 문장 핵심 + 한 단락 부연 구조로 정리했다.
Q01바이브코더가 뭐예요?
코드를 직접 타이핑하기보다 AI 코드 에이전트(Claude Code, Codex, Cursor 등)에게 시키고, 결과물을 검증·통합하는 1인 개발 방식이다. 사람은 프롬프팅·시스템 설계·의사결정에, AI는 실행에 집중한다. 바이브코더는 그 패턴을 일하는 방식으로 받아들이고 1인 기업으로 운영하는 사람을 가리킨다.
Q02왜 카페에서 시작했어요?
바리스타로 일하면서 매장에서 반복되는 작업을 어떻게 자동화할지 고민하던 게 시드가 됐다. AI 도구를 손에 익혀가면서 1인 기업이 가능하다는 가설이 점점 단단해졌고, 그 흐름을 그대로 요한 스튜디오라는 브랜드로 묶었다.
Q03어떤 도구를 쓰세요?
코딩은 Claude Code(메인 구현) + Codex(역검증·리뷰), 디자인은 Claude Design + 레퍼런스 큐레이션(Lazyweb·Mobbin·Savee), 문서·태스크는 Notion, 자동화는 n8n, 배포는 Vercel. 모두 1인이 직접 운영할 수 있는 스택이다.
Q04AI에 어디까지 맡기세요?
코드 작성, 디자인 시안, 문서 초안, 콘텐츠 드래프트, 리뷰까지. 의사결정·검증·정렬·고객 대화는 사람이 한다. AI 결과물을 그대로 출시하지 않고 항상 사람이 한 번 통과시키는 게 원칙이다.
Q05포트폴리오 작업 의뢰가 가능해요?
1인 운영이라 받을 수 있는 작업이 한정적이다. byh3071@gmail.com 으로 프로젝트 개요·예산·일정을 보내면 가능 여부를 답변한다.
Q06스토어는 언제 열어요?
Phase 3(2026-05-17 ~ 2026-05-30) 기간에 Supabase + Stripe 결제로 베타 오픈을 목표로 한다. 첫 상품은 노션 템플릿과 자동화 워크플로 패키지를 검토하고 있다.