State of JavaScript 2022

싱글 페이지 어플리케이션 (SPA)전적으로 브라우저에서 실행되는 앱

멀티 페이지 어플리케이션 (MPA)최소한의 클라이언트-사이드 동적 동작으로 서버에서 완전히 실행되는 앱

정적 사이트 생성 (SSG)클라이언트 사이드 동적 요소를 가지거나 없이 미리 렌더링된 정적 콘텐츠

서버 사이드 렌더링 (SSR)서버에서 HTML 콘텐츠를 동적으로 렌더링하고 클라이언트에서 rehydrate

Partial Hydration클라이언트의 일부 컴포넌트만 hydrate(예: React Server Components)

Progressive Hydration클라이언트에서 컴포넌트 hydration 순서 제어

Islands Architecture정적 사이트 내에 다중 진입점을 가진 동적 동작의 격리된 섬 구조(Astro, Eleventy)

Progressive Enhancement자바스크립트 없이도 앱이 작동하는지 확인

Incremental Static Generation초기 빌드 후에도 정적 사이트를 동적으로 확장하거나 수정할 수 있음(Next.js ISR, Gatsby DSG)

Streaming SSR서버에서 렌더링된 콘텐츠를 더 작은 스트리밍 청크로 분해

Resumability클라이언트가 중복 코드 실행 없이 실행을 재개할 수 있도록 서버에서 프레임워크 상태를 직렬화.

Edge Rendering렌더링된 HTML을 클라이언트에 전송하기 전에 엣지에서 변경

11/14용도