소개
---안녕하세요 디자인과 개발에 재미를 가지고 강의를 만드는 범쌤입니다 🙂 -----------------------------------------------------온라인 / 오프라인 출강 문의는 seonbeom2@gmail.com 으로 연락주세요 🙇♂
강의
전체 5로드맵
전체 1수강평
- 웹 애니메이션을 위한 GSAP 가이드 Part.01
- 웹 애니메이션을 위한 GSAP 가이드 Part.02
- 웹 애니메이션을 위한 GSAP 가이드 Part.03
게시글
질문&답변
2024.11.21
GSAP을 사용하면서 리사이징 시 애니메이션 값 재할당에 대해 질문드립니다.
안녕하세요 보르코님 😀 DOM 객체에 속성은 GSAP이 관리하는 대상이 아닌 Javascript 자체의 처리 결과이기 때문에직접 가져올 경우 이벤트를 사용해 업데이트를 해줘야 합니다.DOM 객체를 GSAP으로 반응성을 직접 제어하고자 한다면 gsap.to(elem,{ x:()=>{ // 콜백 사용 } }) 속성에 콜백 함수를 연결하여 사용하는 방법이 있습니다.콜백 방식을 사용하면 gsap이 업데이트 될 때마다 값을 새롭게 계산하기 때문에 보다 편하게 애니메이션 제어가 가능합니다. Q. 스크롤을 중간으로 내렸을 때처럼 애니메이션이 중간정도 진행됬을 때와 같은 경우를 처리하는 방법이 따로 있는지도 궁금합니다.이 부분에 대해선 제가 제대로 이해하지 못해 답변을 드리기 어렵습니다 ㅠ^ㅠ 감사합니다 :)
- 1
- 2
- 16
질문&답변
2024.11.05
스무스 스크롤바 모바일에서 뻑뻑한 느낌이 들어요!
안녕하세요 rinrinhye님 😀 모바일은 환경이 다양해서 정확한 답변을 드리긴 어려울 것 같습니다. 공식 문서에서 안내하는 내용은 활성화 / 비활성화를 제공하거나 플러그인을 사용해 delta 값을 다르게 내보내는 형태로 사용이 가능하다고 제시하고 있습니다. mobile scroll disabled https://github.com/idiotWu/smooth-scrollbar/issues/159smooth-scroll mobile issue :https://github.com/idiotWu/smooth-scrollbar/issues?q=%08mobile감사합니다 :)
- 1
- 2
- 60
질문&답변
2024.10.23
선생님 알려주신 내용을 기반삼아 구현하고 싶은 UI가 있습니다.
안녕하세요 eljsh95님 😀 공전 애니메이션에 대한 질문이 많아 텍스트로 설명드리기 한계가 있어영상으로 제작하여 답변을 드려봅니다. 섹션5. GSAP utils method 부분에 삼각함수 파트를 레코딩으로 남겨놨으니 참고하여 실무에 반영해보시면 좋을 것 같습니다. 감사합니다 :)
- 1
- 2
- 76
질문&답변
2024.10.14
업데이트 버전 토큰 스튜디오 import 시 ..and 2 more
안녕하세요 오재용님 😀 보통은 and 2 more 부분을 클릭하면 하단에 더 길게 나오게 됩니다. 혹시 클릭을 해도 나오지 않을까요?
- 1
- 1
- 56
질문&답변
2024.10.14
OneScroll Layout 질문 드립니다!
안녕하세요 김세진님 😀 비슷한 질문에 대한 답변이 있어 링크를 공유드립니다.첫 번째 질문https://www.inflearn.com/community/questions/1376447/onescroll-layout-1-%EA%B0%95%EC%9D%98%EC%A4%91-%EC%A7%88%EB%AC%B8-%EB%93%9C%EB%A6%BD%EB%8B%88%EB%8B%A4연결된 두 번째 질문https://www.inflearn.com/community/questions/1376900/onescroll-layout-1-%EA%B4%80%EB%A0%A8-%EC%9E%AC%EC%A7%88%EB%AC%B8%EB%93%9C%EB%A6%BD%EB%8B%88%EB%8B%A4 해당 코드도 학습 자료 안에 첨부해놨으니 다시 확인해보시면 좋을 것 같습니다. 감사합니다 :)
- 1
- 2
- 54