본문으로 건너뛰기
Tech Blog

태그

#Next.js

8개의 글

렌더링은 누가 언제 할 것인가

SSR, SSG, ISR 이름은 익숙한데 막상 프로젝트에서 뭘 고를지 막힐 때가 많아요.

10분
성능SSRSSGISRNext.js

스켈레톤은 왜 껌뻑거리는가

fallback 하나 추가했더니 LCP가 뒤로 밀렸어요. 경계 위치를 다시 재봐야 해요.

6분
ReactNext.jsRSC성능Suspense

스트리밍 HTML은 어디서 끊기는가

스트리밍이 켜져 있어도 첫 바이트는 한참 안 와요. 범인은 상위 await 한 줄이에요.

8분
ReactNext.jsRSC성능Suspense

Suspense 경계는 어디에 그어야 하나

Suspense를 fallback 넣는 스위치로 썼다면, 경계 한 번쯤 다시 봐야 해요.

6분
ReactNext.jsRSC성능Suspense

`use client` 한 줄이 끌고 오는 것들

파일 맨 위에 `use client`를 쓰면 경계가 그어지고, 그 아래 모듈까지 전부 클라이언트로 딸려가요.

7분
Next.jsReactRSCApp Router

Object.assign compound가 RSC에서 안 보이는 이유

Card.Body를 평범하게 썼을 뿐인데 App Router에서 에러가 났어요. 범인은 번들러가 못 보는 연결이었습니다.

6분
React디자인 시스템RSCCompound ComponentNext.js

namespace 전환에 숨은 세 가지 비용

Object.assign을 namespace로 고치면 RSC는 풀려요. 근데 API와 Context, 번들 쪽이 동시에 흔들려요.

6분
React디자인 시스템RSCCompound ComponentNext.js

dot-notation과 named export를 함께 내보내기

세 비용을 한 번에 풀 순 없어요. 대신 기본 API와 대안 경로를 같이 둘 수는 있었죠.

7분
React디자인 시스템RSCCompound ComponentNext.js