컴포넌트 렌더링 지연 하기

스켈레톤 적용을 하는도중 비동기 요청 응답시 에니메이션을 적용할때 매우 짧은 시간에 에니메이션 적용이됬다가 다시 요청 받은 데이터를 뿌려줄시 사용자 경험에 매우 좋지 않았다.

참조

#스켈레톤 적용기
https://velog.io/@tkp12345/%EC%82%AC%EC%9A%A9%EC%9E%90-%EA%B2%BD%ED%97%98%EC%9D%84-%EC%9C%84%ED%95%9C-%EC%8A%A4%EC%BC%88%EB%A0%88%ED%86%A4-%EC%A0%81%EC%9A%A9%EA%B8%B0

두 가지 방법을 시도했었다

1. 애니메이션 속성이용 (animation-diplay)
2. 컴포넌트 렌더링을 지연하기 위한 부모 컴포넌트 생성

2가지 방법중
2번쨰 방법을 설명 하고자 한다