![[트러블슈팅] 컴포넌트 요소 언마운트 이벤트 - 아리아](//i1.daumcdn.net/thumb/C360x240/?fname=https://blog.kakaocdn.net/dn/cqi6ek/btsGc6S9aH4/aZWQr0wgX2607fUe04r5jK/img.png)
[트러블슈팅] 컴포넌트 요소 언마운트 이벤트 - 아리아
2024. 3. 29.
💣 문제 발생 강사 페이지 배너 이미지의 슬라이드 애니메이션을 일반적으로 사용되는 옆으로 넘기는 효과가 아닌 서서히 fade-out 되며, 다음 이미지가 fade-in 되는 방식을 사용하기로 결정. 처음엔 이미지들을 동일한 div요소 안에 모두 넣어 visibility속성을 hidden으로 맞추고 state값에 따라 이미지가 나타나도록 설정했다. 그렇게 호기롭게 나는 하나의 state값에 현재 나타나야하는 이미지의 정보를 넣어주며, 이 상태값에 해당하는 이미지만 fade-in애니메이션을 주고 나머지 이미지를 fade-out 애니메이션을 주어 완벽하게 구현하나 싶었는데... 엥?! 이렇게 하니 이미지가 나타날땐 부드럽게 fade-in이 되었지만 이미지가 사라지는 fade-out 효과는 정상적으로 작동하지 ..
![[트러블슈팅] 컴포넌트 요소 언마운트 이벤트 - 아리아](http://i1.daumcdn.net/thumb/C360x240/?fname=https://blog.kakaocdn.net/dn/cqi6ek/btsGc6S9aH4/aZWQr0wgX2607fUe04r5jK/img.png)