최근 트렌드에 맞는 React 웹 디자인 UX/UI 구현하기 - 3편 (인터랙티브한 애니메이션, 타이포그래피)
더보기 반응형 디자인 다크 모드 지원 미니멀리즘 디자인 그리드 레이아웃 인터랙티브한 애니메이션 타이포그래피 색상 팔레트 아이콘 라이브러리 사용 컴포넌트 라이브러리 활용 로딩 애니메이션 구현 사용자 피드백 제공 웹 접근성 라이브러리 설치 npm install @react-spring/web @react-spring/core @mui/material @emotion/react @emotion/styled 인터랙티브한 애니메이션 사용자와 상호작용하는 애니메이션을 추가하면 웹사이트가 더 살아있게 느껴진다. framer-motion 같은 애니메이션 라이브러리를 사용하면 간편하게 애니메이션을 구현할 수 있다. 또한 @mui/system도 이용해서 구현해보겠다. 예시) framer-motion 와 @mui/syste..