프로필 로고 차가운 개발노트
close
프로필 배경
프로필 로고

차가운 개발노트

  • 분류 전체보기 (125)
    • Java (23)
    • SQL (11)
    • Spring (23)
    • React (15)
    • Next (5)
    • CS (16)
    • 라이브러리 (13)
    • React-native (4)
    • Git (2)
    • JavaScript (4)
    • 데이터베이스 이론 (3)
    • 설치 (3)
  • 홈
  • 태그
  • 방명록
React 에서 gsap 사용하기

React 에서 gsap 사용하기

gsap 만으로 모든 애니메이션 기능을 만들수 있는 유용한 라이브러리 입니다. 설치npm install @gsap/react gsap 기본 사용법import gsap from 'gsap';import { ScrollTrigger } from 'gsap/ScrollTrigger';// GSAP 플러그인 등록gsap.registerPlugin(ScrollTrigger); const About = () => { useGSAP(() => {  gsap.to(".a", {   x: 400,   rotate: 360,   repeat: -1,     // 무한히 반복   yoyo: true,    // 앞뒤로 애니메이션 반복   duration: 3   // 애니메이션 시간 설정  }) })  return (  ..

  • format_list_bulleted 라이브러리
  • · 2024. 7. 3.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (125)
    • Java (23)
    • SQL (11)
    • Spring (23)
    • React (15)
    • Next (5)
    • CS (16)
    • 라이브러리 (13)
    • React-native (4)
    • Git (2)
    • JavaScript (4)
    • 데이터베이스 이론 (3)
    • 설치 (3)
최근 글
인기 글
최근 댓글
태그
  • #React-Native
  • #SQL
  • #Java
  • #react
  • #NEXT
  • #Spring
  • #라이브러리
  • #CS
  • #데이터베이스
  • #Next.js
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바