styled-component 질문입니다

[명원]

강의에서 애니메이션 효과를 줄때 useEffect를 적어서 사용하셨는데 저는 styled-component를 사용해서

const FadeAnimation = keyframes`
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
`;

const Box = styled.div`
  animation: ${FadeAnimation} 1s linear;
`;
이런식으로 적용하니까 useEffect없이 그냥 애니메이션이 적용되는데 뭔가를 생략했다거나 그런건 없이 styled-component여서
잘 작동되는건가요? 아니면 따로 뭔갈 해줘야 할까요

[codingapple]

컴포넌트를 없앴다가 만들어서 그런가 애니메이션 자동으로 잘적용되면 냅둡시다

[글쓴이]

글