
Design System with Figma
kindtiger
Through this course, you will build a design system and experience the explosive synergy of your design work.
초급
Figma, Figma Tokens, Design System
웹 애니메이션의 꽃, 스크롤 애니메이션! GSAP을 보다 강력하게 사용할 수 있는 ScrollTrigger에 대해 학습합니다.

GSAP 사용 방법
스크롤 애니메이션의 이해
GSAP 활용
GSAP 애니메이션의 꽃, 스크롤트리거
원리부터 응용까지 완벽 정리!
GreenSockAnimationPlatform(GSAP)을 보다 깊게 이해하고, 애니메이션을 체계적으로 구축하고 관리하는 방법에 대해 배워봅니다.
✅ GSAP을 더 잘 쓰고 싶다면!
✅ 더 다양한 코드와 애니메이션, 실습 자료까지!
“ScrollTrigger 대충은 써봤는데.. 어떻게 응용하는지 잘 모르겠어요 😥”
👉 걱정 마세요! 스크롤 애니메이션, ScrollTrigger 제대로 배울 수 있게 도와드릴게요!
GSAP을 어느 정도 사용해 봤는데, 더 깊게 이해하고 제대로 사용해보고 싶으신가요? 제대로 된 한글 문서나 가이드가 없어서 여전히 어렵게 느껴지시나요? GSAP은 기초 문법만으로도 여러 애니메이션을 넣을 수 있지만, 속성을 깊이 파고 들어가면 갈수록 더욱 더 다양한 애니메이션 핸들링을 할 수 있습니다.
이 강의는 지난 GSAP Part. 01 그리고 Part. 02에서 이어지는 Part. 03 강의입니다. 인터랙티브 웹에서 필수 요소인 스크롤 애니메이션을, GSAP 기능을 적극적으로 활용하면서 내 손으로 확실하게 익혀보세요!
Q. GSAP ScrollTrigger 를 배우면 어떤 일을 할 수 있나요?
웹사이트에 스크롤이 필요한 모든 곳에 애니메이션을 자유롭게 적용시킬 수 있습니다.
Q. 수업 내용을 어느 수준까지 다루나요?
기능만 설명하고 끝나는 강의가 아닌, 코어를 이해하고 실무에 바로 사용할 수 있을 정도로 진행합니다.
학습 대상은
누구일까요?
GSAP을 배우고 싶은 개발자
웹 애니메이션이 궁금한 디자이너
스크롤 애니메이션이 궁금한 개발자
선수 지식,
필요할까요?
웹 애니메이션을 위한 GSAP 가이드 파트 1
웹 애니메이션을 위한 GSAP 가이드 파트 2
HTML/CSS
JavaScript
4,454
명
수강생
229
개
수강평
300
개
답변
4.9
점
강의 평점
5
개
강의
---안녕하세요 디자인과 개발에 재미를 가지고 강의를 만드는 범쌤입니다 🙂 -----------------------------------------------------온라인 / 오프라인 출강 문의는 seonbeom2@gmail.com 으로 연락주세요 🙇♂
전체
55개 ∙ (13시간 20분)
해당 강의에서 제공:
4. 환경설정
08:37
5. Basic Trigger (1)
11:27
6. Basic Trigger (2)
09:59
7. Scrub (1)
15:50
8. Scrub (2)
20:44
9. Pin (1)
13:33
10. Pin (2)
11:18
11. Parallax (1)
13:00
12. Parallax (2)
10:33
13. Practice (1)
19:42
14. Practice (2)
10:52
15. Practice (3)
16:08
16. Proxy (1)
16:38
17. Proxy (2)
13:43
18. Proxy (3)
19:42
19. Callback
19:55
20. PreventScroll
16:50
21. FastScrollEnd
19:13
28. Practice (1)
13:48
29. Practice (2)
13:00
30. Practice (3)
09:36
31. Practice (4)
12:30
전체
18개
5.0
18개의 수강평
수강평 5
∙
평균 평점 5.0
5
I listened to it and it was very useful and fun. I was thinking of making a portfolio to change jobs anyway, I plan to make a good portfolio site by utilizing gsap as much as possible. I plan to listen to the SVG lecture next time. Thank you. If you plan to give a React lecture later, I would appreciate it if you could show me how to use it by mixing it with Gsap.
수강평 3
∙
평균 평점 5.0
5
1-3 I completed them all! Honestly, I think you're a genius if you listen to them once and understand them all. ㅠㅠ But if you just kept on studying until the end, you'll be able to see the big picture of GSAP! I'm going to practice and utilize them by reading them in between whenever necessary in my work! The ignorant fear I had when I first encountered GSAP has largely disappeared, and I'm satisfied with myself for being able to handle it naturally. Thank you!!
수강평 3
∙
평균 평점 5.0
5
I completed Part 1 to Part 3. They were all full of useful content. There are really few lectures on scrollTrigger in Korea, but thanks to this, I was able to create the interactive portfolio I wanted and successfully transfer to the place I wanted! Thank you for uploading such a great lecture. I'm looking forward to the next Part 4!
수강평 3
∙
평균 평점 5.0
수강평 15
∙
평균 평점 5.0
5
I finally got to take part 3. With other lectures, I was just busy trying to keep up and didn't really understand the concepts properly, but through this class I was able to learn ScrollTrigger from the basics, so I could understand the meaning and usage of each option. Additionally, I was able to learn JavaScript as well, so I think I'll be able to upgrade my skills in various ways. However, I think I'll need to review it several times to be able to make it my own. Thank you!!
2025 블랙 프라이데이 깜짝 연장 할인 중 (1일 남음)
₩91
24%
₩156,200