개인 홈페이지 · 바이브코딩 허브

Just Do VibeCoding

완벽한 계획보다 실행을 먼저. AI와 대화하며 아이디어를 코드로, 코드를 서비스로 만드는 과정을 기록하고 나눕니다.

~/just-do-vibecoding
  1. 명령어: whoami
  2. 출력: 만들면서 배우는 바이브코더
  3. 명령어: cat ./mission.txt
  4. 출력: 생각은 짧게, 실행은 빠르게.
  5. 명령어: vibe build --deploy
  6. 출력: ✓ 아이디어 → 프롬프트 → 코드 → 배포
  7. 명령어: just do it

최신 YouTube 영상

바이브코딩 과정을 영상으로 기록합니다. 채널이 열리면 이곳에 최신 영상이 표시됩니다.

  • 입문플레이스홀더

    예시 주제 · 바이브코딩으로 첫 웹페이지 만들기

    아이디어 한 줄에서 시작해 배포 가능한 페이지까지 가는 과정을 기록할 예정입니다.

    YouTube에서 보기영상 준비 중
  • 프롬프트플레이스홀더

    예시 주제 · 프롬프트를 설계도처럼 쓰는 법

    원하는 결과를 정확히 얻기 위한 요구사항 정리 방식을 다룰 예정입니다.

    YouTube에서 보기영상 준비 중
  • 디버깅플레이스홀더

    예시 주제 · AI가 만든 코드 읽고 고치기

    생성된 코드를 검토하고, 에러를 추적하고, 직접 수정하는 흐름을 보여줄 예정입니다.

    YouTube에서 보기영상 준비 중
YouTube 채널 방문채널 링크 준비 중

VibeCoding 학습 자료

처음 시작하는 분을 위한 3단계 흐름과, 막힐 때 찾아볼 공식 문서를 정리했습니다. 단계별 상세 가이드는 순차적으로 공개할 예정입니다.

  1. 01단계: 아이디어를 문장으로

    만들고 싶은 것을 AI가 이해할 수 있는 요구사항으로 정리합니다.

    • 누가, 왜 쓰는지 한 줄로
    • 꼭 필요한 기능만 고르기
    • 완료 기준 먼저 정하기
    상세 가이드 준비 중
  2. 02단계: 대화로 만들기

    작게 요청하고, 결과를 확인하고, 다시 요청하는 반복 루프를 익힙니다.

    • 한 번에 한 가지씩
    • 에러 메시지는 그대로 전달
    • 변경 이유를 묻는 습관
    상세 가이드 준비 중
  3. 03단계: 직접 확인하고 배포

    로컬에서 실행해 보고, 버전 관리하고, 세상에 공개합니다.

    • git으로 저장점 만들기
    • 빌드가 통과하는지 확인
    • Vercel 등으로 배포
    상세 가이드 준비 중

서비스 & 도구

바이브코딩을 더 쉽게 만들어 줄 도구들을 준비하고 있습니다.

  • 프롬프트 템플릿 모음

    기능 요청, 버그 리포트, 리팩터링 요청 등 상황별로 바로 복사해 쓰는 프롬프트 템플릿.

    준비 중
  • 프로젝트 스타터

    바이브코딩을 바로 시작할 수 있도록 기본 설정을 갖춘 웹 프로젝트 템플릿.

    준비 중
  • 배포 전 체크리스트

    공개 전에 확인할 접근성, SEO, 성능, 보안 항목을 정리한 점검표.

    준비 중
  • 협업 · 문의

    강의, 협업, 프로젝트 관련 문의는 아래 연락처로 받을 예정입니다.

    연락처 준비 중자세히

소개 & 연락

안녕하세요, Just Do VibeCoding입니다. 코드를 처음부터 끝까지 외워서 쓰기보다, AI와 대화하며 만들고 부딪히며 배우는 방식을 기록합니다.

이 사이트는 그 과정에서 만든 영상, 학습 자료, 작은 도구들을 한곳에 모으는 공간입니다.

플레이스홀더 상세 자기소개는 준비 중입니다.

연락하기

협업, 강의, 프로젝트 문의를 환영합니다.

  • YouTube링크 준비 중
  • GitHub링크 준비 중
  • 이메일링크 준비 중