▲ 그림 6-14 Fade In, Fade Out
이 애니메이션의 미리보기는 다음 링크에서 확인할 수 있습니다.
예시에서는 버튼을 두 개 만들어서 나타나거나 사라지도록 구현했는데, 만약 상태 값에 따라 이 애니메이션을 적용하고 싶다면 useState와 useEffect를 활용하세요.
Boolean 타입의 값을 토글하는 버튼 하나로 Fade In/Fade Out하도록 구현해보겠습니다.
▲ 그림 6-14 Fade In, Fade Out
이 애니메이션의 미리보기는 다음 링크에서 확인할 수 있습니다.
예시에서는 버튼을 두 개 만들어서 나타나거나 사라지도록 구현했는데, 만약 상태 값에 따라 이 애니메이션을 적용하고 싶다면 useState와 useEffect를 활용하세요.
Boolean 타입의 값을 토글하는 버튼 하나로 Fade In/Fade Out하도록 구현해보겠습니다.