웹 애니메이션을 위한 GSAP 가이드 Part.02대시보드

범쌤

2023-06-20267325

안녕하세요 office 님:) 오프라인 강의들이 밀려들어와서 조금 딜레이 되고있습니다 🥹 파트3 강의는 올해 안으로 올릴 예정입니다. 감사합니다 :)

범쌤

2023-05-21260852

안녕하세요 이종호님 :) 유료 라이브러리를 사용한 강의는 Split Text 플러그인 한가지가 포함되어있습니다. 유료 라이브러리를 강의때 실습할 수 있도록 파일구성을 해놔서 실습하는데는 문제 없이 수강 가능하며, Split Text는 글자를 쪼개주는 라이브러리여서 얼마든지 다른 무료 라이브러리로 대체가 가능하고 라이브러리가 필요 없다면 간단한 글자는 직접 쪼개서 사용하셔도 큰 어려움 없이 프로젝트에 반영해 사용할 수 있습니다. 감사합니다 :)

범쌤

2023-05-18260450

안녕하세요 tai jjun 님 :) 다양한 환경에서의 강의 내용을 담기엔 무리가 있어서 현재 모두가 기본적으로 알고있는 Vanilla JavaScript를 사용한 강의만 있습니다 ^.^ JavaScript를 알고계신다면 다른 SPA 환경에서의 적용은 쉽게 적용 가능합니다. 감사합니다 :)

범쌤

2023-05-02257651

안녕하세요 imaginMaker님 :) Q.파트원을 구매하고 아직은 수강을 하고있지는 않은데 혹시 파트투부터 들어도 상관은 없나요? 어떤차이점이 있나요? A.파트1에서 다뤘던 tween, ease, timeline, positionParameter에 대한 내용을 알고 계신다면 파트2부터 들으셔도 상관없습니다. 파트2에서는 자바스크립트에 대한 설명은 들어가나 러닝타임을 너무 길게 잡지 않기 위해 파트1에서 다뤘던 내용들은 알고있다는 전제하에 강의를 진행합니다. Q.시중에 나와있는 스크롤매직과는 어떤 차이가 있나요? 더 좋은건가요? A.스크롤 매직을 이해하려면 2013년으로 거슬러 올라가야 합니다.John Polacek은 2013년에 내부적으로 GSAP을 사용하는 jQuery플러그인인 Superscrollorama를 만들었고, 이 플러그인으로 인해 혁신적인 트렌드를 가진 많은 웹사이트들이 만들어졌습니다. 2014년 John Polacek는 다시 한번 플러그인을 연구해 Superscrollorama 는 ScrollMagic으로 다시 탄생하게 되었습니다. ScrollMagic은 많은 기능들을 가지고 사용하기 쉬운 데모 파일로 초보다들도 쉽게 이해하고 사용할 수 있는 장점이 있었으며, 이 역시 많은 사이트들을 다양한 어워드에서 수상하게 만들었습니다. 그러나 다른 플러그인들과 마찬가지로 용량이 매우 컸고, 사용하는 유저의 수에 비해 유지보수와 관리가 너무 어려워지고, ScrollMagic 깃헙 저장소에 해결되지 않은 문제들이 너무 많이 올라와 유저들의 항의들이 많아졌습니다. 그래서 GSAP은 2020년 6월 1일 ScrollTrigger라는 스크롤 애니메이션 플러그인을 출시했고, 많은 사용자들이 스크롤 트리거를 사용해 웹사이트를 구현하고 있습니다. 하지만 스크롤 트리거 또한 GSAP의 확장기능이기 때문에 GSAP의 내용을 잘 이해해야 보다 다양하게 활용할 수 있습니다. 현재 강의는 스크롤 트리거에 대한 강의는 아니고 파트3에서 다룰 예정입니다. 앞전 내용을 잘 이해해야 스크롤 트리거를 보다 다양하게 활용하고 응용할 수 있습니다. Q.인터넷에 검색해보니 워드프레스에 GSAP을 같이 쓸수있다고 나오는데 잘 모르겠습니다. 가능한건가요? A.네 가능합니다. GSAP은 워드프레스에서 사용할 수 있는 코드 가이드를 제시해주고 있습니다. 해당 블로그 글을 확인하면 도움이 될 것 같습니다. https://greensock.com/wordpress/ Q.header 부분에 cdn 링크걸거나 폴더에 파일넣어주고 수강내용처럼 css나 js조정해가며 써도 인터렉션이 적용 되는지 질문드려요. A.충분히 가능합니다. cdn으로 불러오거나 패키지 설치로 불러오거나 똑같이 GSAP 코어를 가져오는것이기 때문에 불러오는 방식에 따라 인터렉션이 되거나 안되거나 하진 않습니다 ^.^ 감사합니다 :)