GSAP 모션 맛보기0원
수강 신청이런 경험, 있지 않나요?
CSS transition만으로는 원하는 모션을 만들 수 없다
AI한테 모션 시켰는데 결과물이 어색해서 고칠 줄 몰라 포기했다
GSAP이 뭔지는 알지만 어디서부터 시작해야 할지 감이 안 온다
Apple/Nike 사이트 모션의 원리가 궁금하다
같은 AI를 써도, 결과가 달라집니다
AI한테 '모션 만들어줘' → 결과가 어색 → 포기
GSAP 핵심 원리를 알고 AI 결과물을 직접 튜닝
스크롤 모션은 코드를 복붙해서 쓰기만 했다
ScrollTrigger 동작 원리를 이해하고 응용 가능
모션 = 어렵고 나와는 거리가 먼 것
핵심 로직만 알면 AI와 함께 빠르게 구현 가능
이런 것을 배웁니다
모션 로직을 모르면 AI가 줘도 못 고칩니다
AI가 만들어준 모션 코드에서 타이밍이 안 맞으면? ease 값이 부자연스러우면? GSAP의 핵심 로직을 알아야 직접 판단하고 수정할 수 있습니다.
커리큘럼
총 2개 파트 · 10강
00. GSAP 기초 체험
1CSS 모션의 한계 — transition으로 못 하는 것들
무료04:00
2GSAP 설치 — Next.js 프로젝트에 추가하기
무료03:00
3gsap.to — 요소를 원하는 위치로 이동시키기
무료06:00
4gsap.from — 등장 애니메이션 만들기
무료05:00
5Ease 함수 — bounce, elastic, power 차이
무료06:00
01. ScrollTrigger 맛보기
6ScrollTrigger란? — 스크롤 위치에 모션 연결하기
무료05:00
7start / end 설정 — 모션이 시작되는 타이밍 조절
무료06:00
8scrub — 스크롤에 따라 모션이 따라오는 효과
무료06:00
9데모: Apple 스타일 스크롤 모션 시연
무료07:00
10다음 단계 안내 — 풀 강의에서 무엇을 배우나?
무료04:00