-
CRA v4로 생성된 템플릿에서는 framer motion 라이브러리와 모듈호환 되지 않는다.
-
해결 방법 : craco를 통해 CRA설정을 override하여 해결하였다.
-
애니메이트를 사용할 경우 아래와 같이 html태그에 motion을 붙여준다.
<motion.div></motion.div>
- 넷플릭스 클론을 애니메이션 라이브러리 사용하지 않고 구현한적이 있었다. 슬라이드와 호버시 매끄럽지 않은 애니메이션 효과를 framer motion을 사용하여 매끄럽게 보완하였다.
- home, movie, tv ,search 라우터와 Detail , 비슷한 콘텐츠를 보여주는 similar 컴포넌트를 사용하였다.
- Home
- Movie Detail Similar Contents
- Tv Detail Similar Contents
- Search Detail Similar Contents
- 404 issue
- slide layoutId 겹침 현상 해결
- click시 모달창 애니메이션 효과 적용 X layoutId가 동일시 안되는 문제