요한 프로필 카드
Cursor 바이브코딩으로 만든 인터랙티브 프로필 카드.
카페에서 일하면서 AI와 자동화에 빠졌다. 코드를 직접 짜는 대신 AI에게 시키고, 시스템을 설계하고, 결과물을 만든다.
Cursor 바이브코딩으로 만든 인터랙티브 프로필 카드.
검증 우선 AI 용어 사전. Astro Starlight 정적 사이트.
노션 기반 개인 운영 시스템. 실행 로그·리소스 DB·회고.
Google Apps Script 기반 카페 운영 자동화 시스템.
이 웹사이트 자체. 블로그·포트폴리오·스토어 거점.
자리 랜덤 배치 앱. 처음 만든 Cursor 결과물.
Cursor → Vercel 배포 → 노션 임베드. 여러 레이어가 한 배포에 모여 임베드별로 분리.
유튜브 요약 기반 집중 피드 큐레이션 도구.
답변 엔진(ChatGPT · Perplexity · Gemini)이 인용해도 그대로 쓸 수 있도록, 한 문장 핵심 + 한 단락 부연 구조로 정리했다.
코드를 직접 타이핑하기보다 AI 코드 에이전트(Claude Code, Codex, Cursor 등)에게 시키고, 결과물을 검증·통합하는 1인 개발 방식이다. 사람은 프롬프팅·시스템 설계·의사결정에, AI는 실행에 집중한다. 바이브코더는 그 패턴을 일하는 방식으로 받아들이고 1인 기업으로 운영하는 사람을 가리킨다.
바리스타로 일하면서 매장에서 반복되는 작업을 어떻게 자동화할지 고민하던 게 시드가 됐다. AI 도구를 손에 익혀가면서 1인 기업이 가능하다는 가설이 점점 단단해졌고, 그 흐름을 그대로 요한 스튜디오라는 브랜드로 묶었다.
코딩은 Claude Code(메인 구현) + Codex(역검증·리뷰), 디자인은 Claude Design + 레퍼런스 큐레이션(Lazyweb·Mobbin·Savee), 문서·태스크는 Notion, 자동화는 n8n, 배포는 Vercel. 모두 1인이 직접 운영할 수 있는 스택이다.
코드 작성, 디자인 시안, 문서 초안, 콘텐츠 드래프트, 리뷰까지. 의사결정·검증·정렬·고객 대화는 사람이 한다. AI 결과물을 그대로 출시하지 않고 항상 사람이 한 번 통과시키는 게 원칙이다.
1인 운영이라 받을 수 있는 작업이 한정적이다. byh3071@gmail.com 으로 프로젝트 개요·예산·일정을 보내면 가능 여부를 답변한다.
Phase 3(2026-05-17 ~ 2026-05-30) 기간에 Supabase + Stripe 결제로 베타 오픈을 목표로 한다. 첫 상품은 노션 템플릿과 자동화 워크플로 패키지를 검토하고 있다.
고졸 바리스타가 AI와 바이브코딩으로 1인 스튜디오를 만든 과정. 도메인 구매부터 첫 배포까지.
코딩 경험 0, Cursor + Claude로 포트폴리오 사이트를 2시간 만에 만들고 배포한 실전 기록
next-mdx-remote RSC와 프론트매터로 정적 글을 렌더링하는 구조를 정리했다.
개인 운영 시스템 풀 패키지
GAS 기반 카페 자동화 시스템
Cursor + Claude 실전 프롬프트 모음