월 31,240원
5개월 할부 시
초급자를 위해 준비한
[프론트엔드, 웹 퍼블리싱] 강의입니다.
웹 애니메이션의 꽃, 스크롤 애니메이션! GSAP을 보다 강력하게 사용할 수 있는 ScrollTrigger에 대해 학습합니다.
이런 걸
배워요!
GSAP 애니메이션의 꽃, 스크롤트리거
원리부터 응용까지 완벽 정리!
자바스크립트 애니메이션 라이브러리, GSAP
GreenSockAnimationPlatform(GSAP)을 보다 깊게 이해하고, 애니메이션을 체계적으로 구축하고 관리하는 방법에 대해 배워봅니다.
✅ GSAP을 더 잘 쓰고 싶다면!
✅ 더 다양한 코드와 애니메이션, 실습 자료까지!
![](https://cdn.inflearn.com/public/files/courses/328989/46d6d005-1eb6-4fb9-ac97-264871bbf9f0/gsap.png)
GSAP 스크롤 애니메이션?
“별 거 아니네” 할 수 있게 해드릴게요!
“ScrollTrigger 대충은 써봤는데.. 어떻게 응용하는지 잘 모르겠어요 😥”
👉 걱정 마세요! 스크롤 애니메이션, ScrollTrigger 제대로 배울 수 있게 도와드릴게요!
GSAP을 어느 정도 사용해 봤는데, 더 깊게 이해하고 제대로 사용해보고 싶으신가요? 제대로 된 한글 문서나 가이드가 없어서 여전히 어렵게 느껴지시나요? GSAP은 기초 문법만으로도 여러 애니메이션을 넣을 수 있지만, 속성을 깊이 파고 들어가면 갈수록 더욱 더 다양한 애니메이션 핸들링을 할 수 있습니다.
이 강의는 지난 GSAP Part. 01 그리고 Part. 02에서 이어지는 Part. 03 강의입니다. 인터랙티브 웹에서 필수 요소인 스크롤 애니메이션을, GSAP 기능을 적극적으로 활용하면서 내 손으로 확실하게 익혀보세요!
이런 분들 주목하세요!
- ScrollTrigger를 제대로 배우고 싶은 개발자
- 스크롤 애니메이션이 궁금한 디자이너
- 웹 애니메이션에 흥미를 가지고 있는 개발자
강의를 듣고 나면 할 수 있어요!
- ✅ 다른 사이트에서 보던 애니메이션들이 이런 식으로 작동하는구나~ 하고 알게 됩니다.
- ✅ 어렵지 않게 만들고 싶은 애니메이션을 그대로 구현해가는 자신을 볼 수 있게 됩니다.
- ✅ 섹션마다 배운 내용을 응용해 만들어 볼 수 있는 실습 자료가 준비되어 있어요!
Q&A 💬
Q. GSAP ScrollTrigger 를 배우면 어떤 일을 할 수 있나요?
웹사이트에 스크롤이 필요한 모든 곳에 애니메이션을 자유롭게 적용시킬 수 있습니다.
Q. 수업 내용을 어느 수준까지 다루나요?
기능만 설명하고 끝나는 강의가 아닌, 코어를 이해하고 실무에 바로 사용할 수 있을 정도로 진행합니다.
GSAP이 처음이라면? 지난 강의 살펴보기
이런 분들께 추천드려요!
학습 대상은
누구일까요?
선수 지식,
필요할까요?
범쌤 입니다.
안녕하세요 디자인과 개발에 재미를 가지고 강의를 만드는 범쌤입니다 :)