현업 프론트엔드 개발자, 퇴근 후엔 AI 빌더.
Next.js · Claude Code · AI API로 아이디어를 빠르게 프로덕트로 만들어요.
프론트엔드 현업 개발자로 일하면서, 퇴근 후에는 Claude Code와 AI API로 아이디어를 바로 프로덕트로 만들어요.
아이디어가 생기면 그날 바로 만들고 배포해요. X(트위터)에서 Claude Code · 바이브코딩 노하우를 7,000명과 공유하고 있어요.
직접 기획하고 만든 사이드 프로젝트들이에요!
사진 업로드 → Kanana-o API로 MBTI 분석 → 두 호스트 TTS 팟캐스트 생성. Next.js 14 + Tailwind + Netlify 배포.
IPO 공모주 정보를 친구처럼 캐주얼하게 읽어주는 TTS 앱. Kanana-o API + Next.js + Netlify.
책 페이지를 찍으면 OCR 분석 후 두 호스트 대화형 팟캐스트로 변환. Aladin API + Kanana-o + Next.js.
Claude CLI · Google Calendar API · Google Tasks API를 연결한 디스코드 봇. OAuth 토큰 멀티PC 관리 문제 직접 해결.
영화 "왕과 사는 남자" 세계관 기반 타이밍 게임. 5라운드 난이도 상승, 점수에 따른 3가지 엔딩. HTML/CSS/JS + GA4.
영화 캐릭터 MBTI 유형 테스트. 선택지 기반 분기 로직으로 캐릭터 매칭 결과 제공. HTML/CSS/JS.
프론트엔드부터 AI 통합까지, 실전에서 검증한 스택들이에요.
React · Next.js 14 · TypeScript · Tailwind CSS. 실무 + 사이드 프로젝트 6개에 매일 쓰는 메인 스택.
Claude API · Kanana-o API(이미지·TTS·ASR) · Python 자동화. AI를 실제 서비스에 붙이는 게 전문.
Python · Java · SQL(MySQL/PostgreSQL). API 서버 구성, DB 쿼리 최적화 경험 보유.
Netlify · Vercel · Cloudflare Pages · Git · Claude Code. 기획부터 배포까지 혼자 끝내는 풀사이클 개발.
아이디어 → 코드 → 배포까지, 혼자서 빠르게 끝냅니다.
Claude Code로 초안 코드를 뽑고, CLAUDE.md에 컨텍스트를 정리해 에이전트가 일관된 방향으로 작업하도록 세팅합니다.
Kanana-o · Claude API · 외부 데이터 API를 붙여 핵심 기능을 완성합니다. 쿼터·비용 절약을 위해 Mock 환경을 먼저 구성해요.
Next.js 14 App Router + Tailwind CSS로 반응형 UI를 빠르게 완성합니다. 디자인 시스템 없이도 일관된 UI를 유지하는 게 목표예요.
배포 후 X(트위터)에 제작 과정을 스레드로 공유합니다. 7,000명 팔로워와 함께 개선 피드백을 받아요.
현업 외에도 꾸준히 배우고 인증받고 있어요.