FE

1.[FE] CRP(Critical Rendering Path)

post-thumbnail

➡️ 브라우저가 HTML, CSS, JavaScript를 픽셀로 전환하는 단계를 말한다.웹 성능 최적화에서는 렌더링 최적화가 핵심적인데, 이를 위해 웹 브라우저의 렌더링 방식을 알아보려고 한다.CRP는 크게 아래 5가지 단계로 나뉜다.1️⃣ DOM2️⃣ CSSOM3️⃣

2025년 5월 9일

2.[FE] Next.js에서 SSR, RSC, Hydration, server-only 정리

post-thumbnail

최근 React Hydration 오류를 공부하면서 SSR(Server-Side Rendering), RSC(React Server Components), Client Component, server-only 개념을 정리했다. SSR은 서버에서 React 컴포넌트를 실

2025년 9월 8일