반응형 WEB/JavaScript59 [JS] ScrollMagic 이쯤되니까 대체 사용하는 JS 라이브러리가 몇 개여;;;; 물론 편하기는 한데… 라이브러리라는 말 써서 뭔가 있어보이기는 한데, 결국에는 여기저기서 긁어왔습니다^_^ 아닌가… 이거 맞는건가… 그래도 결과물만 좋으면 되니까 말이지… https://scrollmagic.io/ ScrollMagic The javascript library for magical scroll interactions. ScrollMagic helps you to easily react to the user's current scroll position. scrollmagic.io 이 코드를 다들 CDN이라고 부르더라... 기억하자. CDN!!! Ex ) /** * 요소가 화면에 보여짐 여부에 따른 요소 관리 */ // 관리할 요소.. 2023. 10. 11. [JS] Swiper https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com Swiper에는 다양한 옵션들이 있습니다. 옵션을 사용하면 마우스로만 움직이는 슬라이드를 버튼 클릭으로 움직이게 하거나, 아무런 동작을 하지 않아도 자동으로 슬라이드가 넘어가게 하는 등 사용자가 더 편리하게 이용할 수 있습니다. 사용 방법 사이트 접속해서 다운 받기 alpha가 아닌 파일 다운 받기 사이트 링크로 파일 불러오기 4. 기본 레이아웃 추가 Sl.. 2023. 10. 11. [JS] GSAP 웹 개발하는데 생각보다 이곳 저곳에서 소스를 많이 긁어오는구나 싶다… 임베디드 했을 때는 이런거 없이 전부 코딩했었는데, 새롭다! GSAP 바로가기 ↓↓↓↓↓↓↓↓↓ https://greensock.com/docs/v3/Installation GSAP Greensock에서 제공해주는 자바스크립트 애니메이션 라이브러리라고 한다. 상당히 복잡한 애니메이션 구현이 가능해서 매우 인기라고 한다. 사용방법은 이전 것보다 살짝 복잡하다. 우선 저 사이트로 들어가서 GSAP을 설치해야한다. 그 다음 원하는 플러그인을 고르면 코드가 보여지는데, 이 코드를 사용하면 된다. HTML에 위에 코드까지 적으면, JavaScript에서 하기와 같이 사용이 가능하다. /** * 페이지 스크롤에 따른 요소 제어 */ // 페이지 .. 2023. 10. 11. 이전 1 ··· 12 13 14 15 다음 반응형