로딩 이미지 (GIF)

https://i.stack.imgur.com/kOnzy.gif

유튜브 등에서 자주 보는 빈 회색 박스 로딩 화면 방식을 skeleton 이라고 합니다.

react-loading-skeleton 패키지를 이용할 수도 있고, Tailwind CSS로 직접 구현할 수도 있습니다.

[react-loading-skeleton]

https://github.com/dvtng/react-loading-skeleton

[with Tailwind CSS]

https://www.section.io/engineering-education/skeleton-loading-in-nextjs-with-tailwindcss/

화살표 함수에서 제네릭 사용

function foo(arg: T): T { return arg; }

const foo = (arg: T) => arg;
const foo = < T extends {} >(arg: T): T => { return arg; }

Post 없을때 요청 방지