데이터 페치가 오래 걸리면 컴포넌트가 늦게 렌더링되어 사용자는 UI를 볼 수 없습니다. 이 문제를 해결하기 위해 데이터를 불러오는 동안 플레이스홀더 UI를 보여주는 것을 스트리밍이라고 합니다. 페이지 전체를 스트리밍하는 방법과, 특정 컴포넌트를 스트리밍 하는 방법이 있습니다. 페이지 전체 스트리밍 페이지와 같은 레벨에 loading.tsx 파일을 생성합니다. 그러면 페이지에서 데이터를 불러오는 동안 스트리밍이 자동으로 적용됩니다. 하지만, 이는...
![[Next.js] 스트리밍](https://cdn.hashnode.com/res/hashnode/image/upload/v1683525272978/MB5H_kgOC.png?w=1600&h=840&fit=crop&crop=entropy&auto=format&auto=compress,format&format=webp)
![[Next.js] 여러 폰트 가져오기](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/cckf4TsHAuw/upload/f790baf8da558179433c18fa0e316b1f.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[Git] 여러 브랜치의 변경 사항을 한 브랜치에 병합하기](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/MNd-Rka1o0Q/upload/7dba606e8f529ea40665ca924373bc2b.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[Git] non-fast-forward 오류 해결하기](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/505eectW54k/upload/9351b1431392a606734b3ae5118dc453.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
![[TypeScript] extends](https://cdn.hashnode.com/res/hashnode/image/stock/unsplash/s9CC2SKySJM/upload/5f1cc4c5d0d426221303cf3765da1f58.jpeg?w=1600&h=840&fit=crop&crop=entropy&auto=compress,format&format=webp)
