[ 프론트엔드 ] 스켈레톤 애니메이션으로 레이아웃 시프트 이슈 해결

html과 css 조합으로, 이미지가 로드 되기 전 자리를 잡지 못하고 먼저 레이아웃이 로드 되고

나중에 이미지가 레이아웃 영역을 침범하면서 생기는, 레이아웃 시프트 현상을 해결하기 위한

스켈레톤 애니메이션 입니다.

이미지가 삽입 될 영역에 로딩중이라는 효과를 시각적으로 표현하기 위해 많이 사용합니다.