기존의 Loding bar로 표현되었던 걸 Skeleton UI를 직접 구현하여서 교체하였다. 교체 한 이유는 기존의 Loading Bar보다 사용자에게 좀 더 자연스러운 UI를 보여주고 싶어서입니다. 아래는 제가 직접 구현 한 코드입니다. {Array.from({ length: 6 }).map((_, index) => { return ( ); })} const loading = keyframes`{ 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } }`; const Container = styled.div` padding-top: 27rem; width: 100%; display: flex; justify-content: center; `; ..
