본문 바로가기
개발/typescript, web

컴포넌트 내의 모든 이미지 렌더링 된 이후 감지하는 훅

by 꾸루루 2022. 3. 28.

wrapper 내의 컴포넌트에서 img들을 전부 불러왔는지 체크하는 훅을 만들어보았다.

특정 범위 내의 이미지가 전부 렌더링 된 후 처리를 해야하는 경우 유용하다. (나의 경우엔 이미지 전부 로드된 후 스크롤 시키는 작업을 함)

이미지가 캐싱된 케이스를 고려해 이미 로드가 된 채로 온 경우와 에러났을 경우의 예외처리를 하였다.

 

 

이렇게 사용하면 된다.