Online

바이브코딩 완주 : 이해부터 만들기까지

화면부터 서버·데이터·배포까지 웹 서비스가 돌아가는 구조를 익히고, AI 인터뷰로 기획서를 써서 팀원이 링크로 함께 쓰는 업무 도구를 직접 만들어 배포하는 바이브코딩 과정.

바이브코딩

카테고리

비개발자

강의 대상

2시간 18분

강의 분량

현대차그룹, JB금융그룹, 농협정보시스템, 에듀윌, 광동제약, 아머스포츠코리아, 선엔지니어링, 네오심플릭스 임직원들도 이 강의를 듣고 있어요!

강의 추천 대상

  • API, 배포 같은 말이 낯설어요

  • AI로 만든 서비스가 안 되면 “안 돼요”만 반복해요

  • 반복하는 엑셀 업무를 도구로 만들고 싶은데 개발자에게 부탁하기 어려워요

  • 만든 도구를 팀원에게 공유하는 방법을 모르겠어요

AI로 금방 만들었는데, 고치려는 순간 막히지 않았나요?

처음 화면은 몇 분이면 나와요. 문제는 그다음이에요.

  • 버튼을 눌러도 저장이 안 되는데, 어디가 문제인지 몰라요
  • AI에게 “안 돼요”만 반복하다가 처음부터 다시 만들어요
  • 고쳐 달라고 했더니 멀쩡하던 기능까지 망가졌어요
  • 내 컴퓨터에서는 되는데, 팀원에게 보여 줄 방법을 모르겠어요
  • 만들고 싶은 건 있는데 무엇부터 시켜야 할지 막막해요
코드를 쓸 줄 몰라도 괜찮아요. 구조를 알면 AI에게 어디를 어떻게 고칠지 말할 수 있어요.

개발 과정을 전부 이해해요

버튼 하나 뒤에서 화면, 서버, 데이터, 배포가 어떻게 이어지는지 파트 1에서 익혀요. 그러면 문제가 어느 칸에서 났는지 보여요.

화면 · 서버 · 데이터 · 배포 네 칸이 화살표로 이어진 구조 그림
  • 화면

    프론트엔드

    버튼과 글자를 그리는 HTML·CSS·자바스크립트의 역할을 알아요.

  • 서버

    백엔드와 API

    버튼을 누르면 가는 요청과 200·404·500 상태 코드를 읽어요.

  • 데이터

    저장되는 곳

    새로고침해도 남게 하려면 어디에 저장하는지 알아요.

  • 배포

    서버와 배포

    localhost와 배포 주소가 왜 다른지 알아요.

개발 속도 3배 UP, 오류 해결사가 되어요

“안 돼요”만 반복하지 않아요. 파트 2에서 개발자 도구로 요청과 오류를 직접 보고, AI에게 문제를 전달하는 네 가지를 연습해요.

막연하게 말할 때구조를 알고 말할 때
어디서저장이 안 돼요카드 추가 창의 저장 버튼에서
무엇이오류가 나요Network 탭에 POST /cards 요청이 400으로 떠요
언제부터갑자기요마감일 칸을 추가한 뒤부터예요
원하는 결과고쳐 주세요저장되면 작성 중 칸에 카드가 보이게 해 주세요
막연하게 말할 때구조를 알고 말할 때
  • 어디서
    저장이 안 돼요카드 추가 창의 저장 버튼에서
  • 무엇이
    오류가 나요Network 탭에 POST /cards 요청이 400으로 떠요
  • 언제부터
    갑자기요마감일 칸을 추가한 뒤부터예요
  • 원하는 결과
    고쳐 주세요저장되면 작성 중 칸에 카드가 보이게 해 주세요

되돌릴 지점이 있으니, 마음껏 시켜요

AI가 고치다 망가뜨려도 괜찮아요. 잘 되던 순간으로 돌아가면 돼요.

  1. 01

    잘 될 때 저장 지점을 찍어요

    기능 하나가 완성될 때마다 Git으로 되돌릴 지점을 만들어요.

  2. 02

    AI에게 과감하게 시켜요

    디자인을 바꾸거나 새 기능을 붙여도 부담이 없어요.

  3. 03

    망가지면 그 지점으로 돌아가요

    처음부터 다시 만들지 않고, 마지막으로 잘 되던 상태에서 이어 가요.

되돌릴 지점(깃발)이 찍힌 작업 타임라인과, 잘못된 갈래에서 깃발로 돌아오는 화살표 그림

따라 만들기에서 끝나지 않아요

이해(파트 1~2)와 만들기(파트 3~5)를 한 과정에 담았어요.

따라 만드는 실습이 강의
시작완성 코드를 따라 쳐요웹 서비스 구조부터 이해해요
막혔을 때강의 화면과 다르면 멈춰요개발자 도구로 원인을 찾아 AI에게 말해요
기획정해진 예제를 그대로 만들어요예제도 AI 인터뷰로 기획서부터 직접 써요
실수했을 때처음부터 다시 해요Git으로 되돌릴 지점에서 이어 가요
끝내 컴퓨터 안에 남아요배포 주소로 팀원과 함께 써요
따라 만드는 실습이 강의
  • 시작
    완성 코드를 따라 쳐요웹 서비스 구조부터 이해해요
  • 막혔을 때
    강의 화면과 다르면 멈춰요개발자 도구로 원인을 찾아 AI에게 말해요
  • 기획
    정해진 예제를 그대로 만들어요예제도 AI 인터뷰로 기획서부터 직접 써요
  • 실수했을 때
    처음부터 다시 해요Git으로 되돌릴 지점에서 이어 가요
  • 끝
    내 컴퓨터 안에 남아요배포 주소로 팀원과 함께 써요
AI 도구는 계속 바뀌어요. 화면·서버·데이터가 이어지는 구조는 그대로예요.

수강 후 결과물

코드를 직접 쓰지 않아도, 팀원이 주소로 접속해 함께 쓰는 업무 도구를 기획부터 배포까지 직접 완성해요. 문제가 생기면 어디서 막혔는지 짚고 AI에게 정확히 고쳐 달라고 말할 수 있어요. 예제로 만드는 것은 계열사·부서 보고 자료의 진행 단계와 마감 임박·지연을 한눈에 보여 주는 제출·마감 칸반 보드예요.

  • 웹 서비스의 프론트엔드·백엔드·데이터·배포가 각각 무엇을 하는지 설명할 수 있다
  • 개발자 도구와 Git으로 문제가 난 곳을 찾고, 되돌릴 지점을 만들 수 있다
  • AI 인터뷰에 답하며 기획서를 만들고, 기능 단위로 만들고 고치게 할 수 있다
  • 프로그램 안에 AI 기능을 붙이고 AXHub로 배포해 팀원과 함께 쓸 수 있다

기획서부터 배포까지, 실제로 기능을 만들어요

파트 3~5에서 제출·마감 칸반 보드의 기능을 하나씩 만들어 배포까지 완성해요. 단계마다 무엇을 AI에게 시키는지 그대로 보여 드려요.

  1. 기획서(PRD)
  2. 기능 만들기
  3. 디자인 개선
  4. AI 기능
  5. 배포·공유
기획서 → 기능 블록 → 디자인 → AI 반짝이 → 배포 링크 → 팀으로 이어지는 완주 여정 그림

파트 3~4 AI 인터뷰에 답하면 기획서가 생기고, 기능을 하나씩 붙여요

  1. 01

    파트 3무엇을 만들지 정하기

    왜 만드는지 정하고 실습 환경을 세팅한 뒤, AI 인터뷰로 기획서(PRD)를 써요.

  2. 02

    파트 4기능 만들고 다듬기

    기능을 하나씩 만들고 확인해요. 디자인을 다듬고, 보드에 AI 기능을 붙여요.

  3. 03

    파트 5배포하고 팀과 함께 쓰기

    AXHub로 배포해 주소를 만들고, 팀원과 함께 써요.

나만의 업무 도구를 새로 만들어요

칸반 보드는 연습 예제예요. 기획서 → 기능 → 배포 순서는 어떤 업무 도구에도 그대로 써요.

  • 취합

    부서별 주간 보고 모아 보기

    팀마다 올린 보고를 한 화면에서 보고, 안 낸 팀을 바로 확인해요.

  • 신청

    비품·교육 신청 현황판

    엑셀로 받던 신청을 링크 하나로 받고, 처리 상태를 함께 봐요.

  • 관리

    계약·갱신 일정 알림판

    마감이 가까운 항목을 먼저 보여 줘서 놓치는 일을 줄여요.

남는 건 보드 하나가 아니라 원하는 도구를 끝까지 만드는 순서예요.

배포하면 팀원이 같은 주소로 함께 써요

파트 5에서 AXHub로 배포해요. 배포가 끝나면 바로 누구나 열 수 있는 주소가 생기고, 그 주소를 보내면 팀원이 같은 보드를 함께 써요.

노트북 하나의 보드가 같은 링크로 여러 팀원의 노트북·휴대폰에 열리는 그림

현장 교육을 해 온 조코딩AX파트너스가 만들었어요

대기업·공기업 임직원 AI 교육을 해 온 조코딩AX파트너스의 온라인 강의예요.

기업 AI 실습 교육 현장에서 강사가 수강생 옆에서 화면을 함께 보는 모습
  • 수강생

    2,000명이 넘는 실무자

    기업교육과 AX아카데미에서 수강했어요.

  • 기업 교육

    30개가 넘는 기업

    대기업·공기업 교육 노하우를 온라인으로 옮겼어요.

  • 참여

    구독자 75만 AI 유튜버 조코딩

    조코딩이 직접 참여한 강의예요.

AI 리터러시와 함께 들으면 더 좋아요

이 강의는 AX인재 패키지에도 들어 있어요. AI에게 일을 맡기고 검증하는 법과, AI로 만든 서비스의 구조를 함께 익혀요.

  • 바이브코딩 완주 : 이해부터 만들기까지
  • 업무를 위한 AI 리터러시
  • AI 역량평가 응시권(결과 리포트 포함)
AX인재 패키지 보기

시작 전에 알아 두세요

  • 파트 1~2(이해)부터 파트 3~5(만들기)까지 모두 지금 바로 들을 수 있어요
  • 파트 4의 AI 기능 실습에는 Claude API 키가 따로 필요해요. 구독과 별도로 쓴 만큼 내는 방식이라, 강의에서 사용 한도를 거는 법도 함께 다뤄요

강사진

현장에서 가르치는 사람들

조코딩

조코딩공동대표

AI 교육 1위 · 유튜브 75만 구독자구글 · 애플 CEO 국내 최초 단독 미팅

문경원

문경원공동대표

국내 1위 스타트업 액셀러레이터당근 · 카카오 · 네이버 Tech Lead 출신

고성현

고성현COO

전 대모산개발단 대표과기부 장관상 수상

  • 김락윤김락윤AX 컨설팅 전문가
  • 주형민주형민AI 엔지니어
  • 김형주김형주기술 총괄 전문가
  • 김수로김수로개발 전문가
  • 안준성안준성개발 전문가
  • 장태준장태준AX 컨설턴트
  • 이원길이원길AX 컨설턴트

커리큘럼

웹 서비스의 구조를 먼저 익히고(파트 1~2), 실제 업무 도구 하나를 기획부터 배포까지 만들어요(파트 3~5).

자주 묻는 질문

  • Q코딩을 몰라도 수강할 수 있나요?
    가능해요. 코드를 직접 쓰지 않고, 모든 지시는 한국어 문장으로 입력해요. 파트 1~2에서 웹 서비스가 돌아가는 구조를 익히고, 파트 3~5에서 Claude에게 말로 시켜 업무 도구를 만들어요.
  • Q직접 서비스를 만들어 보나요?
    네. 파트 3~5에서 제출·마감 칸반 보드를 기획하고, 기능을 만들고, 디자인과 AI 기능을 입힌 뒤 배포까지 해요. 강의가 끝나면 같은 순서로 내 업무에 맞는 도구를 새로 만들 수 있어요.
  • Q추가로 드는 비용이 있나요?
    파트 4의 AI 기능 실습에는 Claude API 키가 필요해요. API는 구독과 별도로 쓴 만큼 내는 방식이라 결제 수단 등록과 크레딧 충전이 따로 필요해요. 강의에서 사용 한도를 걸어 예상치 못한 비용을 막는 방법도 함께 다뤄요.
  • Q회사 업무 데이터를 실습에 사용해도 되나요?
    실습은 AI가 만든 가상의 예제 데이터로 진행해요. 실제 고객·사내 데이터는 넣지 않는 것을 원칙으로 해요. 강의 후 실제 업무에 적용할 때도 회사가 승인한 도구와 데이터 범위를 먼저 확인하세요.
  • Q다음에는 무엇을 들으면 좋나요?
    AI에게 일을 맡기고 결과를 검증하는 방법 전반은 ‘업무를 위한 AI 리터러시’ 과정에서 다뤄요.

구매후기

전체 0개

구매후기를 불러오는 중…