Thumbnail
BEST
개발 · 프로그래밍프론트엔드

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

(5)
30개의 수강평 ∙ 464명의 수강생

44,000원

지식공유자: 범쌤
총 27개 수업 (3시간 55분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가공유
  • minhyuk yu 프로필minhyuk yu
    2023-04-06837763

    안녕하세요. 웹 인터렉션에 관심을 가지던 중 다음과 같은 사이트를 발견하였습니다. https://2023.adveris.fr/ canvas GSAP를 활용하면 저렇게 물리적으로 떨어지는 표현이 가능할까요??

    범쌤
    범쌤
    범쌤
    2023-04-08253357

    안녕하세요 minhyuk yu 님 :) gsap은 물리엔진을 다루는 플러그인을 가지고있지 않습니다. 물리엔진을 사용하시려면 물리엔진 라이브러리를 gsap과 같이 사용해주셔야 효과가 좋습니다 ^^

  • 신지연 프로필신지연
    2023-03-23823431

    안녕하세요 수업 전 궁금한 부분이 있어서요. 혹시 수업을 들으면 GSAP을 사용해 만든 Bridge 클론 코딩 페이지입니다. 위 페이지에서사용한 에니메이션들이 파트1내용에 들어있는건지요? 만약에 아니면 가로로 스크롤 하는 부분은 gsap 무료에서도 구현이 가능한가요? 아니면 혹시 추천해주실만한 방법이라던가 다른 플러그인이 있을까요?

    범쌤
    범쌤
    범쌤
    2023-03-23250419

    안녕하세요 신지연님 :) part1 강의는 gsap의 기초 파트 강의라 Bridge 코딩 내용이 포함되어있지 않습니다. 가로로 스크롤 하는 부분은 gsap의 ScrollTrigger를 통해 무료로 사용 가능합니다 :) 강의 오픈 예정인 part3 에서는 ScrollTrigger를 통해 가로 스크롤 내용도 강의에서 다룰 예정입니다. 감사합니다 :)

  • 서주 프로필서주
    2023-03-01800606

    유료로 된 플러그인을 쓴 강의 인가요?? 찾아보니 유료 무료 나뉘어 있던데 유료는 뭐고 무료는 무엇인지 궁금합니다..

    범쌤
    범쌤
    범쌤
    2023-03-02245594

    안녕하세요 서주님 :) 해당 강의는 gsap 무료 항목들로만 구성되어있고, 유료 플러그인들에 대한 내용 최대한 안다룰 예정이며, 이런게 있다.. 정도만 보여드릴 예정입니다. 이 부분들은 part2,3 부분에서 다룰 예정입니다 ^^

  • imagineMaker 프로필imagineMaker
    2023-02-07774561

    안녕하세요. 범샘님. 웹디자이너입니다 궁금한 것이 있습니다. 혹시 자바스크립트에대해 잘 몰라도 GSAP듣는데는 무리가 없을까요(html,css알고 제이쿼리 조금합니다) 수강전 강의 질문 내용들을 읽어봤는데 저도 나머지 파트는 다 같이 구매하고 듣고싶어서요. Part4는 언제쯬 내실 계획일까요?또 scrollSmoother를 구매하면 좋은점이 뭘까요? 그리고 GSAP 플러그인은 유료구매하면 평생 이용가능할까요?

    범쌤
    범쌤
    범쌤
    2023-02-07240517

    안녕하세요 imaginMaker님 :) 질문 내용을 정리하고 답변을 드려보겠습니다. Q. 자바스크립트를 잘 몰라도 수강이 가능한가요? A. 제이쿼리를 사용해보셨다면, 큰 어려움 없이 수강이 가능할것 같습니다. Q. Part4 강의는 언제 오픈 예정인가요? A. Part4는 정확한 일정은 아직 없으나, part2와 part3을 올해안에 끝내고 part4는 내년을 예상하고 있습니다. Q. scrollSmoother를 구매하면 좋은점은 무엇인가요? A. gsap자체에서 제공하는 플러그인이기 때문에 다른 라이브러리보다 gsap코드 자체의 호환성이 좋고 사용하기도 편합니다. (가속도 설정도 자유로워요) 이 부분은 part03 scrollTrigger파트에서 다룰 예정입니다. Q. GSAP 클럽 회원권을 구매하면 평생 이용이 가능한가요? A. GSAP의 클럽 회원권(유료)은 기본 1년 단위로 계산이 되고, 개발자의 수가 늘어나면 그만큼 더 비용이 증가하게 됩니다. 영구 라이선스또한 있지만, 영구라이선스는 구매 시점부터 3년까지만 업데이트를 진행하고 그 이후는 업데이트를 제공하지 않습니다. 이정도로 답변을 드릴 수 있을것 같습니다 감사합니다 :)

  • 플린 프로필플린
    2023-01-10742717

    part01부분은 너무 기초내용인것 같아서 혹시 part03강의는 언제 올라오는지 알 수 있을까요? 다른곳에도 gsap강의는 없어서 여기저기 찾았는데 기대가 됩니다 :)

    범쌤
    범쌤
    범쌤
    2023-01-10233943

    안녕하세요 플린님 :) part03 강의는 이번연도 말쯤으로 예상하고 있습니다. 감사합니다 :)

  • 박제민 프로필박제민
    2023-01-10742589

    GSAP 유료서비스를 구매해야 Bridge 클론 코딩 페이지처럼 구현할수있나용? GSAP 유료서비스를 구매안하면 수업듣는것에 지장이 있나요?

    범쌤
    범쌤
    범쌤
    2023-01-10233912

    안녕하세요 제민님 :) Bridge 클론 사이트는 scrollSmoother 라는 GSAP에서 제공하는 유료 플러그인을 사용해 만들었지만, 저 또한 무료로 사용하는걸 선호하기 때문에 scrollSmooter를 사용하지 않고 다른 플러그인으로 우회해서 만들 수 있는 방법도 있습니다. 이 부분에 대해서는 나중에 나오게될 part03.scrollTrigger 파트에서 보다 자세하게 다룰 예정입니다 :) 감사합니다.

  • 밀크티 프로필밀크티
    2022-12-13711964

    1. 안녕하세요 gsap part2 강의는 언제쯤 올라올까요? part1 할인 할 때 가능하다면 part2 까지 함께 구매해서 쭉 듣고싶어서요 2. Bridge 클론 코딩 강의도 포함인지, 아니면 행성 애니메이션이 추가된 인트로 페이지만 있는건지 궁금합니다! 양질의 강의 감사합니다!

    범쌤
    범쌤
    범쌤
    2022-12-13227880

    안녕하세요 쿠쿠님 part2 강의는 2023년 3월 중 올릴 예정입니다. part02 tween&timeline 심화 part03 gsap 플러그인 scrollTrigger 기초&심화 part04 gsap SVG animation 이렇게 강의 계획을 잡았고 bridge 사이트 클론 코딩은 시간이 너무 오래걸리는 작업물이라 온라인 강의로 하긴 힘들것 같고, 보다 난이도가 낮은 사이트로 클론코딩을 파이널로 진행해볼 예정을 가지고 있습니다.

  • 송정현 프로필송정현
    2022-12-13711735

    안녕하세요! 프레이머를 배워보려고하는데 프레이머에 코딩이 필요하다고 들었습니다! 혹시 이 강의를 수강하면 프레이머 애니메이션 관련한 코딩도 배워볼 수 있을까요?

    범쌤
    범쌤
    범쌤
    2022-12-13227829

    안녕하세요 송정현님 :) 프레이머는 프레이머 모션이라는 라이브러리가 따로 있고, 그걸 사용해 웹 개발자들이 애니메이션을 넣을 수 있습니다. GSAP은 어떻게 보면 프레이머 모션과 라이벌(?) 관계라고 보시면 이해가 편할거에요 ㅎㅎ 사실 라이벌이라고 하기엔 GSAP이 애니메이션 시장을 거의 독점하고 있지만요 ㅎㅎ, 애니메이션 라이브러리를 학습한다는 관점에서는 두 라이브러리 모두 기반 자체는 자바스크립트 기반으로 작동하기 때문에 프레이머 모션도 GSAP과 비슷한 코어를 가지고 있을거라 생각이 됩니다. GSAP을 배워서 프레이머를 하겠다. 보다는 애니메이션 라이브러리는 대체적으로 다 비슷하기 때문에 GSAP의 라이브러리 코어 사용 방법을 배우고 나중에 프레이머를 배울 때 다른 시각으로 바라보겠다. 의 관점이라면 충분이 도움이 될 강의 입니다 ^-^