[Next.js] Suspense, Loading UI, Streaming SSR
큰 데이터를 받아거나 네트워크가 느린 환경에서는 어쩔 수 없이 긴 로딩시간이 생길 수 있다.그럴 때 활용할 수 있는 방법들을 알아보자! 느린 데이터 fetch 환경 만들기1. 크롬에서 속도를 조정할 수 있다.2. json-server 버전을 낮춰 딜레이를 준다- "dependencies": { "json-server": "0.17.4" }- "server": "json-server --watch db.json --delay 5000 --port 4000" 비동기 데이터 로딩페이지에 로딩 UI를 띄워두고, 데이터를 로딩하는 방식이다.'use client';import React, { useState, useEffect } from 'react';import { Product } from '@/types'..