마감용: [온라인] [원데이 클래스] 3시간 완성! 손짓 하나에 반응하는 인터랙티브 웹 제작
⚠
본 원데이 클래스는 모집이 마감되었습니다.
현재 진행 중인 다른 클래스 보러가기 →
오늘 배워, 바로 쓸 수 있도록 -
당신의 능력치는 3배 이상 올라갑니다.
-
바로바로 따라해보는
라이브 클래스 -
궁금하다면 바로
질의응답 가능한 실시간 소통 -
미뤄두지 말고, 곧장 머릿 속에
이식 가능한 AI+실무
온라인 실시간 원데이 클래스
일정 확인하기
※ 동일한 수업이 다른 날짜에 반복되는 형태입니다.
중복 수강하실 필요 없이 원하시는 일정을 선택해 주세요.
지금 핫한 그 기능,
가장 빠르게 만나볼 수 있도록 준비했습니다!
요즘 SNS만 켜면 나오는
시선을 끄는 반응형 인터렉티브 웹페이지
3시간만에 얻을 수 있는게 한가득!
반응형 인터렉티브 웹을 모두 배워갈 수 있도록
풍성하게 준비했습니다-!
실습 미리보기
웹캠 손 인식부터 마우스 반응형까지
상상만 하던 반응형 웹을 직접 만들어볼 수 있습니다
• MediaPipe 로직을 10초 만에 설계하기
• 손동작 감도, 반응 속도 등 미세한 파라미터를 즉시 튜닝
• 이미지 실루엣을 인식해 텍스트가 감싸 흐르는 인터랙티브 디자인
• 마우스 휠 스크롤에 따라 비주얼 요소가 유기적으로 변하는 인터랙션
• 생성된 URL을 SNS(인스타그램, 스레드) 및 포트폴리오에 즉시 공유하는 법
• 브랜드 협업 제안 시 바로 보여줄 수 있는 데모 링크 만들기
강사님이 직접 만든
고감도 인터렉티브 웹 포트폴리오를 확인해보세요!
온라인 실시간 원데이 클래스
일정 확인하기
※ 동일한 수업이 다른 날짜에 반복되는 형태입니다.
중복 수강하실 필요 없이 원하시는 일정을 선택해 주세요.
이 모든게 단 3시간이면 끝!
Online Timeline
-
Session 01
내 홈페이지를 하이엔드 무드로 만드는 ‘인터랙티브 AI 비주얼 에셋 만들기’
#무한 생성 #고퀄리티 에셋
· Kling AI를 활용해 정지 화면을 생동감 넘치는 루프 영상으로 변환
· Claude Code가 바로 인식할 수 있는 효율적인 에셋 최적화 및 폴더 구조화
· 디자이너 없이도 혼자서 완성하는 프로급 비주얼 워크플로우
-
Session 02
AI와 대화하며 구현하는 실시간 모션 아트 ‘인터렉션 웹 페이지 기획하기’
#바이브 코딩 #실시간 구현
· 터미널에서 직접 파일을 수정하는 Claude Code의 간편한 제어권 활용
· 복잡한 코딩 문법 공부 대신, 말 한마디로 기능을 추가하는 개발 방식 활용
· 오류 수정부터 기능 개선까지, AI와 실시간으로 주고받는 인터랙티브 워크플로우
-
Session 03
‘손끝에 반응하는 몰입형 인터랙션’ 웹 페이지 만들기
#미디어 아트 #실시간 구현
· 웹캠 너머의 움직임에 따라 AI 영상이 일렁이고 반응하는 모션 로직 구현
· 반응 감도, 파티클 효과, 움직임의 범위를 섬세하게 조정하는 튜닝 노하우
· 웹 브라우저에서 즉시 확인하는 나만의 손 인식 미디어 아트 결과물
-
Session 04
Claude Design & Code로 완성하는 ‘인터랙티브 웹 프로토타이핑’
#마우스 반응형 #Claude_Design
· 마우스 커서의 움직임에 따라 비주얼이 변화하는 감각적인 브랜드 웹 구축
· AI가 제안하는 코드를 즉시 보고, 재요청을 통해 결과물의 완성도를 높이는 반복 실습
· 복잡한 설정 없이 터미널 명령어만으로 나만의 프로젝트를 전 세계에 공유하고 활용
· 결과물을 포트폴리오와 SNS에 공유해 퍼스널 브랜딩하는 전략
수강 방법 안내
패스트캠퍼스 온라인 원데이 클래스
구매 & 이용 방법
-
동일한 수업이 다른 날짜에 반복되는 형태입니다.
중복 수강하실 필요없이, 원하시는 일정을 선택해 주세요.[유의사항] 본 프로그램은 반복 강좌이므로, 하루만 선택하여 신청 가능합니다.
[수강방식] 동일 커리큘럼 / 날짜 선택제
[수강환경] 해당 강의는 ‘온라인 실시간 라이브’로 진행됩니다.
STEP 1
· 5월 21일 목 19:00~22:00 (3시간)
· 5월 23일 토 13:00~16:00 (3시간)
STEP 2
이동한 페이지에서 아래 단계에 따라 결제한다.
차비다 강사님
이력
광고 대행사 콘텐츠 기획 및 제작 / 마케터
• 뚜레쥬르, 이마트 피코크, 샘소나이트, 톰보 등 다수의 브랜드 프로젝트 진행
광고 대행사 콘텐츠 기획·제작 / 브랜딩
• 농심, 쿠쿠, 플로나, 뷰티 브랜드 등 다수의 프로젝트 진행 프로젝트 진행
-
강사님 한 마디
"복잡한 기술은 AI에게 맡기고, 여러분은 오직 '무엇을 만들지'만 생각하세요."
디자인할 줄 몰라서, 혹은 코딩이 어려워서 상상만 하고 멈추셨나요? 이번 클래스에서는 그 모든 '어려운 일'을 AI가 대신합니다.
여러분은 그저 평소 좋아하던 분위기나 만들고 싶은 아이디어 하나만 가져오시면 됩니다.
몇가지 AI툴(나노바나나, 클링, 클로드코드)만 있다면, 클릭 몇 번만으로 전문가 수준의 영상과 인터랙티브 웹이 눈앞에 펼쳐집니다.
3시간 뒤, 여러분의 브라우저에서 생동감 있게 움직이는 결과물을 직접 확인해 보세요. "나도 이런 걸 만들 수 있구나!"라는 짜릿한 확신을 얻게 되실 겁니다.
본 강의에서 필요한 준비물을
안내드립니다.
· 실습을 따라할 수 있는 노트북을 준비해 주세요.
· Claude — Max 5x 플랜 권장 (비용이 부담되시는 분은 Pro 플랜도 가능하나, 한 번에 많은 요청을 몰아서 진행할 경우 사용 한도를 초과할 수 있습니다)
· Claude Code 데스크탑 앱은 반드시 사전 설치해 오세요.
(터미널 연동은 앱 내부에서 자동으로 처리됩니다)
· Hicsfield(NanoBanana) — 베이직 플랜 구독
(필수 구독은 아니지만 없으면 일부 실습 진행이 어렵습니다)
· Gemini — 계정 생성 필수 (무료 사용)
· Vercel — 계정 생성 필수 (무료 사용)
· GitHub — 계정 생성 필수 (무료 사용)
* 프로그램은 제공하지 않습니다.
* 본 강의는 MAC 환경에서 진행됩니다.