실전 GSAP의 scrollTrigger를 활용한 웹사이트제작(중급)] qudeAudio 클론코딩

안녕하세요? 강사 J.young입니다.

본강의는 qude Audio사이트에 대한  클론강의입니다.

qude Audio사이트는 인터렉티브요소가  국내나 해외에서 가장 핫하게 사용되고 있는 GSAP의 ScrollTrigger를 활용해서 

스크롤에 반응해서 진행되는 애니메이션이 사용자의 관심과 흥미를 끌 수 있도록 구현되어 있습니다.

국내나 해외사이트를 밴치마킹해보시다보면 잘만들어졌다 싶은  사이트들 대부분은 스크롤의 위치 반응해서 애니메이션이 진행되는 것을 보실 수 있으셨을텐데요. 대부분의 사이트가   GSAP의 ScrollTrigger를 활용해서 구현하고 있습니다.

본강의에서 핵심으로 다루는 내용은
Grid를 통한 레이아웃 제작과 , GSAP의 ScrollTrigger를 활용한 화려한 인터렉티브웹 구현, 그리고 웹구현에 필요한
javaScript 구현을 다루고 있습니다.

본 강의를 통해 트렌디한 웹페이지 레이아웃제작과 javaScript와 GSAP animation구현방법을 터득함으로써 보다 웹개발 및 퍼블리싱 능력을 향상시킬 수 있습니다.

* 이런분께 추천드립니다.
- html/css를 통한 레이아웃 제작에 대한 이해도 있으시며, + JS기초이해가 있으신분들 들으시길 추천드립니다

(본강의는 html/css 용어기초나 레이아웃 기초를 설명하는 과정이 아닙니다.)

* 강의를 통해 배울 수 있는 점

1.Grid와 Flex를 통한 레이아웃 제작

2.CSS Animation제작

3. GSAP Animation

4..GSAP ScrollTrigger를 통한 애니메이션구현

5.웹구현에 필요한 javaScript구현
6.Loading animation