AIRO Vibe Coding Course

AI로 바로 만드는 실전형 웹 제작 수업

프롬프트 작성에서 화면 설계, 코드 수정, 배포까지. 막연한 AI 활용을 실제 결과물로 연결하는 바이브코딩 집중 과정입니다.

4주집중 실습 과정
1:1결과물 피드백
3개완성 프로젝트
Who it is for

코드를 몰라도, 결과물은 선명해야 합니다.

AI 도구를 켜는 것에서 멈추지 않고, 업무와 브랜드에 바로 쓰는 페이지와 자동화 흐름을 완성합니다.

이런 분에게 맞습니다

기획자, 디자이너, 마케터, 1인 창업자처럼 빠르게 시안과 MVP를 만들어야 하는 실무자를 기준으로 설계했습니다.

  • 아이디어는 있지만 개발 병목 때문에 실행이 느린 분
  • AI 답변을 실제 코드와 웹페이지로 연결하고 싶은 분
  • 외주 전 검증 가능한 프로토타입이 필요한 팀

수업에서 다루는 방식

강의식 설명보다 짧은 개념 정리와 긴 실습으로 진행합니다. 매 회차마다 화면, 코드, 배포 가능한 산출물을 남깁니다.

  • 프롬프트를 요구사항 문서처럼 쓰는 법
  • AI가 만든 코드를 읽고 수정하는 최소 문법
  • 랜딩페이지, 대시보드, 업무 자동화 제작
Learning tracks

세 가지 축으로 실력이 붙습니다.

도구 사용법만 배우면 금방 막힙니다. AI와 협업하는 구조, 웹의 기본기, 결과물 완성 루틴을 함께 훈련합니다.

01

AI 협업 설계

요구사항을 쪼개고, 컨텍스트를 주고, 수정 지시를 검증하는 대화 흐름을 익힙니다.

02

웹 제작 기본기

HTML, CSS, 반응형 구조, 배포 흐름을 결과물 중심으로 필요한 만큼 다룹니다.

03

실무 적용

랜딩페이지와 자동화 화면을 만들며 본인 업무에 맞춘 템플릿을 정리합니다.

Curriculum

4주 커리큘럼

매주 하나의 결과물을 완성하고, 다음 주차에서 개선하는 방식으로 진행합니다.

WEEK 01

프롬프트와 요구사항

좋은 지시문, 화면 구조, 콘텐츠 톤을 한 번에 정리하는 실습

WEEK 02

랜딩페이지 제작

브랜드 메시지, 섹션 설계, 반응형 HTML/CSS 구현

WEEK 03

인터랙션과 데이터

폼, 필터, 간단한 대시보드, 자바스크립트 동작 연결

WEEK 04

배포와 개선

피드백 반영, 성능 점검, 공유 가능한 최종 결과물 완성

Outcomes

수료 후 남는 것

강의 자료보다 중요한 것은 다시 만들 수 있는 작업 방식입니다.

OUTPUT 01

개인 또는 브랜드 랜딩페이지

서비스 소개, 신청 유도, 모바일 대응이 포함된 웹페이지를 완성합니다.

OUTPUT 02

업무용 미니 도구

반복 업무를 줄이는 계산기, 체크리스트, 요약 화면을 직접 제작합니다.

OUTPUT 03

AI 작업 프롬프트 세트

기획, 디자인, 코드 수정, 리뷰에 재사용할 수 있는 프롬프트를 정리합니다.

OUTPUT 04

개선 가능한 코드 파일

AI에게 다시 맡길 수 있고, 본인이 수정 방향을 판단할 수 있는 구조를 만듭니다.

Start building

다음 결과물을 AI와 함께 직접 만들어보세요.

팀 교육, 소규모 클래스, 개인 맞춤 코칭 형태로 운영할 수 있습니다. 목표와 현재 수준을 알려주시면 적합한 진행 방식을 제안합니다.

버튼을 누르면 상담 요청이 Notion에 저장됩니다.