다양한 코드, 다양한 애니메이션으로
GSAP 더 멋지게 더 강력하게! 😎
GreenSockAnimationPlatform(GSAP)을 보다 깊게 이해하고, 애니메이션을 체계적으로 구축하고 관리하는 방법에 대해 배워봅니다.
✅ GSAP을 더 잘 쓰고 싶다면!
✅ 더 다양한 코드와 애니메이션, 실습 자료까지!
GSAP을 어느 정도 사용해 봤는데, 더 깊게 이해하고 제대로 사용해보고 싶으신가요? 제대로 된 한글 문서나 가이드가 없어서 여전히 어렵게 느껴지시나요? GSAP은 기초 문법만으로도 여러 애니메이션을 넣을 수 있지만, 속성을 깊이 파고 들어가면 갈수록 더욱 더 다양한 애니메이션 핸들링을 할 수 있습니다.
이 강의는 지난 GSAP 기초 강의에서 이어지는 심화편 Part. 02 강의입니다. 기초 강의에서 배운 내용을 그대로 응용해 보다 다양한 코드와 애니메이션을 적용해 볼 수 있도록 구성했습니다.
👉 GSAP에서 제공하는 다양한 애니메이션 컨트롤 방법을 학습합니다.
👉 자주 쓰이는 애니메이션의 콜백 처리 및 3D 효과를 사용해 GSAP의 도구적 특징을 보다 깊게 이해합니다.
👉 Stagger의 다양한 응용 및 활용 방법과 핸들링에 대해 학습합니다.
👉타임라인을 효율적으로 관리하는 방법과 함수 중심의 애니메이션 설계에 대해 학습합니다.
* 수업 예제인 토이스토리는 고유진님의 디자인 작업물입니다.
잘 알지 못했던 GSAP의 다양한 속성들과 메서드를 경험함으로써 습득력을 높이고, 애니메이션을 체계적으로 구축하고 관리하는 방법을 익혀보세요! GSAP의 기초부터 튼튼히 단계를 밟아 올라간다면, 나중엔 자유롭게 응용하는 순간이 오게 될 겁니다. 😄
💡 Part. 02를 잘 이해하면 앞으로 이어질 Part. 03의 ScrollTrigger 강의에서 얻어갈 내용이 훨씬 많아집니다.
Q. 왜 GSAP을 배워야 하나요?
생산성이 중요한 웹 개발자에게 있어 순수 자바스크립트만으로 애니메이션을 구현하는 일은 굉장히 불합리하고 불필요합니다. 이럴 때 잘 만들어져 있는 도구를 사용한다면 더욱 편리하겠죠? 못을 손으로 박지 않고 망치를 사용하는 것처럼 말이죠.
Q. GSAP을 배우면 뭐가 좋은가요?
애니메이션을 분석하는 능력이 생기며, 이렇게 분석한 애니메이션을 아주 쉽게 내 프로젝트에 반영해볼 수 있습니다.
Q. GSAP을 배우면 어떤 일을 할 수 있나요?
모든 웹 작업물에 애니메이션을 넣을 수 있으며, 정적인 웹사이트를 보다 다이나믹하게 연출할 수 있습니다.
복습하러 자주 오겠습니다. 설명해주시는 능력 정말 최고세요. 강의 듣기 전 gsap에 대한 기초 개념도 없이 바로 실전에서 활용했었습니다;; 이해도가 전혀 없는 상태라 gsap 사용한 홈페이지들을 많이 보고 따라해봐도 문법이 너무 많아서 헷갈리고ㅠ 그래서 gpt 한테 물어보고 작성해 달라하고, 레퍼런스를 아예 복붙해서 쓰던지 거의 바닥을 기면서 프로젝트를 끝냈었습니다 ㅋㅋ.. 이 강의 덕분에 gsap에 대한 전반적인 이해와 응용을 할 수 있게 되었습니다.! gsap 다른 선생의 강의 들어보면 ~이런게 있다. 하면서 수박 겉햝기 식으로 쌩쌩 넘어가서 정말 환불하고 싶은 강의가 있었는데,, 범 선생님은 뭐가 뭔지 하나씩 제대로 짚어가며 이해시키려고 노력하시는 모습에 감동받았습니다. 이 선생님 강의는 명강의입니다,, 강의 볼 때 마다 수강료를 지불해야할 것 같은 기분이 듭니다. 복습하러 자주 오겠습니다. 설명해주시는 능력 정말 최고세요.
차근차근 알려주셔서 좋아요. 스크립트 강의도 틈새로 있어서 유익합니다
수강 완료했습니다!! 😆 저번 기초 파트에 이어서 gsap에 대해 좀 더 깊이 있게 다뤄서 그런지 생각보다 강의가 길었습니다 애니메이션을 구현할 때 좀 더 다양한 팁이랑 새로운 기능들을 배울 수 있었고 이번엔 저번 기초 파트보다 각 섹션 별로 예제도 많아지고 중간에 필요한 js 설명이랑 수강생입장에서 궁금해할 거 같은 부분을 미리 캐치하시고 설명해 주시는 부분이 좋았습니다. 항상 범쌤 수업 들을 때마다 느끼는 거지만 쉽고 재밌게 잘 가르쳐 주시는거같아요 다음 스크롤 트리거 강의도 너무 기대됩니다 빨리 나왔으면 좋겠어요! 수업 하나하나 정말 재밌게 봤습니다 👍👍 정성스러운 강의 제작하시느라 고생하셨습니닷!!🐯🐯
강의 가격이 만만찮아서 구매전에 정말 망설였는데 part2 내용이 정말 알차서 잘샀구나 싶습니다. gsap 플러그인, 메서드, 콜백 등은 기본이고 실습자료로 주시는 예시와 소스들 자체도 활용할 부분이 많아보입니다. 그리고 1회 완주한 소감은 과연 여기서 배운 걸 적재적소에 활용하려면 얼마나 연습을 해야할지 기쁘면서도 걱정이 되네요. 다음 스크롤트리거 강의도 기대됩니다.
1편에 이어 2편도 너무나도 알찬 강의였습니다
![순수 html/css/js만을 활용한 반응형웹 제작[실전편] 부트캠프강의 썸네일](https://cdn.inflearn.com/public/courses/333180/cover/26ede6df-032a-40f2-9670-f6748785eba5/333180.jpg?w=420)
![웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)강의 썸네일](https://cdn.inflearn.com/public/courses/332868/cover/3a2245ca-bb9f-414a-ba67-403cfcb2b7c9/332868.jpg?w=420)
![[환상의족발] 디자인부터 코딩까지강의 썸네일](https://cdn.inflearn.com/public/courses/332845/cover/5d0ef569-50e5-4300-96ed-3205d526795b/332845.png?w=420)
