2023년 05월 12일

game

📚 오늘 도전하고, 배운 것

React에 애니메이션 추가하기

• 가장 간단한 방법: CSS 적용하기
• 위 방법의 문제: DOM에서 요소를 지웠다가 추가했을 때 애니메이션 적용이 어렵다. 왜냐하면 타이밍이 안맞기 때문이다. 애니메이션이 실행되기 전에 요소가 지워진다.
• 문제를 해결하기 위해 라이브러리를 사용한다.
• 그중에 react-transition-group을 사용해봤다.
  • class를 적용하는 것이 Vue의 <Transition> 컴포넌트가 생각났다.
• 다른 라이브러리도 많았는데 필요할 때 찾아봐야겠다.

🤔 학습하면서 궁금하거나 어려웠던 점

• 오랜만에 redux 코드를 봤는데 '이게 뭐지?' 싶었다. 생각난 김에 복습하자.

🌅 내일은 무엇을?

• React, Next.js 학습 + TypeScript 적용하기

✒️ log