비전공자를 위한 바이브코딩 입문: AI와 대화로 시작하는 Claude Artifacts
강의소개
강의정보
| 학습개요 |
AI에게 시키기(프롬프트) → 웹이 돌아가는 원리(HTML/CSS/JS) → 실전 도구 제작·배포의 흐름을 비전공자도 한번에 익힐 수 있도록 설계한, [Claude Artifacts 기반 바이브코딩 입문 과정] ------------------------------------------------------------- 1) 비전공자도 설치 없이 브라우저에서 Claude Code의 Artifacts 기능만으로 웹사이트를 만들며 바이브코딩의 핵심 원리를 체득하고, AI에게 정확히 지시하는 프롬프트 작성법과 오류 대처 능력을 학습하는 강의 2) 웹의 기본 구조(HTML/CSS/JS)를 이해하고 텍스트 도구·데이터 시각화·통합 앱 등 실무에 바로 쓸 수 있는 웹 도구를 직접 제작하며, 디자인과 인터랙션 구현 능력까지 마스터하는 강의 3) VS Code로 로컬 개발 환경을 구축하고 GitHub와 Vercel을 통해 내가 만든 웹사이트를 전 세계에 배포하는 전체 프로세스를 경험하며, 어떤 프로젝트든 응용 가능한 바이브코딩 기초 체력을 완성하는 강의 |
|---|---|
| 학습목표 |
[개념 이해] 바이브코딩의 핵심 원리와 AI 코딩 도구의 동작 방식을 이해하고, 코딩의 기본 구조(HTML/CSS/JS)를 비전공자 눈높이에서 체득할 수 있다. [실전 제작] Claude Code의 Artifacts 기능으로 빠르게 프로토타입을 만들고, 나아가 내 컴퓨터에서 실행·배포까지 경험하며 바이브코딩의 전체 흐름을 익힐 수 있다. [AI 소통력] AI에게 원하는 결과물을 정확히 얻어내는 프롬프트 작성법과 오류 대처법을 익혀, 어떤 프로젝트에든 응용할 수 있는 기초 체력을 갖출 수 있다. |
| 학습대상 |
|
강사이력
현) 해커스캠퍼스 AI 분야 강사
현) 신사업 기획 및 AI 기반 Product 기획 전문가 현) SI 기업 AI 프로젝트 PM
현) 유튜브 채널 코딩모르는개발자 운영
전) A사 팀장, AI 챗봇 서비스 개발 총괄 |
강의목차
-
강의정보 번호 강의명 1강코딩이 쉬워지는 시대, 바이브코딩의 시작2강설치 없이 3분 만에 첫 웹사이트 만들기3강AI에게 일 잘 시키는 사람의 비밀4강AI가 이상하게 답할 때 : 오류 대처의 기술5강웹사이트의 비밀 : HTML, CSS, JS 3형제6강말로 설명하면 웹이 되는 마법 : 화면 설계7강디자인 감각 없이도 예쁜 웹 만들기8강클릭하면 움직이는 웹 : 인터랙션의 세계 -
강의정보 번호 강의명 9강[실전도구 1] 실시간 글자 수 계산기 만들기10강[실전도구 2] 마크다운 미리보기 에디터 만들기11강[실전도구 3] 데이터 시각화 대시보드 만들기12강[종합] 업무 도구들 통합하기13강[VS Code] 브라우저를 벗어나 개발 첫 세팅하기14강[VS Code] 로컬 실행과 디버깅하기15강[GitHub & Vercel] 내가 만든 웹사이트 세상에 공개하기16강[최종] 업무 도구 모음 웹 포트폴리오 완성과 심화 미리보기
