본문 바로가기

Fade

(2)
[React/Typescript] 화면 전환 효과 / 페이드인 애니메이션 / Fade 컴포넌트 종설 개발 중에 화면 전환 효과가 있으면 좋을 것 같아 넣어본 fade 효과 컴포넌트입니다. duration 변수로 fade in 시간 조절 가능하고, 전환 애니메이션 상태 속성은 아래 참고. entering: 컴포넌트가 화면에 진입하는 애니메이션을 수행 중인 상태를 나타냅니다. entered: 컴포넌트가 화면에 완전히 진입한 상태를 나타냅니다. exiting: 컴포넌트가 화면에서 사라지는 애니메이션을 수행 중인 상태를 나타냅니다. exited: 컴포넌트가 화면에서 완전히 사라진 상태를 나타냅니다. 혹시 나중에 써먹을 일 생길까봐 & 필요하신 분 있을까봐 공유! 아 참고로 react에서 transition 쓰려면 설치 먼저 해줘야한다. Javascript : npm install react-transit..
[React/Typescript] error 'TransitionStatus' 형식의 식을 ~ 인덱스 형식에 사용할 수 없으므로 요소에 암시적으로 'any' 형식이 있습니다. 'TransitionStatus' 형식의 식을 '{ entering: { opacity: number; }; entered: { opacity: number; }; exiting: { opacity: number; }; exited: { opacity: number; }; }' 인덱스 형식에 사용할 수 없으므로 요소에 암시적으로 'any' 형식이 있습니다. '{ entering: { opacity: number; }; entered: { opacity: number; }; exiting: { opacity: number; }; exited: { opacity: number; }; }' 형식에 'unmounted' 속성이 없습니다.ts(7053) 페이지 전환 시 페이드인/페이드아웃 효과를 주는 Fade 컴..

728x90