비전공자를 위한 바이브코딩 실전 가이드 — 2시간 만에 내 사이트 만들기. 이 블로그가 독자에게 하는 약속입니다.
왜 이 블로그를 시작했는가
2026년 현재, AI 코딩 도구는 “코딩을 배운 적 없는 사람”도 자기 사이트를 만들 수 있을 만큼 좋아졌습니다. 그런데 실제로 해보려고 하면 AI가 코드를 만들어주기 전까지의 과정에서 대부분 포기합니다. 터미널이 뭔지, create-next-app이 왜 에러 나는지, .env 파일은 어디에 두는 건지 — 이 사소해 보이는 장벽들이 비전공자를 무너뜨립니다.
저도 비전공자 출신으로 시작했고, 이 벽들을 전부 경험했습니다. 이 블로그는 그 벽을 하나씩 부숴가며 기록한 글들의 모음입니다.
저에 대해
- IT 기획 10년차
- AI 코딩 도구(Cursor, Claude Code, v0)로 직접 서비스를 개발·운영하고 있습니다
- 웹앱 VibeStart 제작·운영
- Next.js / Vercel / pnpm / TypeScript 기반 스택 주력
이 블로그에서 다루는 것
| 카테고리 | 내용 |
|---|---|
| 개발환경 세팅 | Git, Node.js, VS Code, 터미널 사용법 |
| AI 코딩 도구 | Cursor, Claude Code, Google AI Studio, v0 |
| 프로젝트 실전 | Next.js 프로젝트, 포트폴리오, Vercel 배포 |
| 트러블슈팅 | 에러 해결, 환경변수, 보안 체크리스트 |
| 비전공자 창업 | 개발자 없이 MVP, 바이브코딩 유지보수 |
모든 글은 직접 해본 것만 씁니다. 2026년 기준 최신 버전으로 검증했고, 도구가 업데이트되면 본문도 갱신합니다.
VibeStart — 글에서 앱으로
글은 읽을 수 있어도, 그걸 내 컴퓨터에 적용하는 건 또 다른 이야기입니다. 그래서 VibeStart를 만들었습니다. 운영체제와 목적을 고르면 맞춤 스크립트가 단계별로 나와서, 복붙만으로 개발 환경 세팅이 끝납니다. 블로그가 지식이라면, VibeStart는 실행 도구입니다.
연락
- 📧 [email protected]
- 오타·오류 제보, 다뤘으면 하는 주제 요청, 비즈니스 제안 모두 환영합니다
이 사이트에 대한 공지
- 일부 글에 Google AdSense 광고가 포함됩니다
- 2026년 4월 현재 기준으로 작성된 내용이며, 도구·서비스 업데이트에 따라 달라질 수 있습니다
- 모든 글의 최종 검증은 작성자 본인의 환경(macOS / Windows)에서 직접 수행합니다