Tech Stack

react-loading-skeleton

간단하고 빠르게 로딩 플레이스홀더를 구현하기 위하여 선정했어요.

후보 1. react-content-loader

• react-content-loader는 SVG를 사용하여 커스터마이즈할 수 있는 로딩 플레이스홀더를 만듭니다.
• 사용자가 직접 SVG 경로를 그리거나, 기존의 템플릿을 사용하여 원하는 모양의 로더를 만들 수 있습니다.
• 더 유연하고 다양한 디자인을 구현할 수 있어, 커스텀 디자인이 중요한 경우에 적합합니다.
• 구현이 조금 더 복잡할 수 있으며, SVG에 대한 이해가 필요할 수 있습니다.

후보 2. react-loading-skeleton

• react-loading-skeleton은 CSS를 기반으로 한 간단하고 사용하기 쉬운 로딩 스켈레톤 컴포넌트를 제공합니다.
• 주로 사각형, 원 등 기본적인 형태의 로딩 플레이스홀더를 빠르게 구현하는 데 사용됩니다.
• 커스터마이징이 가능하지만 react-content-loader보다는 다양한 디자인 옵션이 제한적일 수 있습니다.
• 구현이 간단하고 빠르게 로딩 플레이스홀더를 추가할 수 있는 장점이 있습니다.