리액트 useRef 예제
-
React FadeIn 함수 만들기 (useRef, useEffect)Programming/React 2021. 4. 25. 11:09
실습은 codesandbox를 이용했고, 노마드코더님의 인강을 참조하고 공부 및 복습 목적으로 작성했습니다. 실습을 시작하기에 앞서 css 트랜지션을 사용하도록 하겠습니다. transition-duration : 트랜지션이 일어나는 지속 시간을 명시하는 속성입니다. transition-delay : 속성이 변하는 시점과 트랜지션이 실제로 시작하는 사이에 기다리는 시간을 정의합니다. export default function App() { return ( hello! fadeIn Training ); } 시작은 화면에 h1과 p태그에 fadeIn 효과를 주도록 하겠습니다. 먼저 useFadeIn 함수를 만들고 인자값으로는 duration 과 delay 값을 받도록 하겠습니다. const useFadeIn ..