#frontend

2026

2026-10-23동향 T-1020분

정적 배포 웹뷰에서 API 요청을 HTML 인라인 스크립트로 앞당겨 번들 로딩과 겹치게 한 방식이다. 운영 LCP 가 25~35% 줄었고, 프리렌더하는 Vite 기반 React 앱이면 공개 플러그인을 바로 붙일 수 있다.

2026-10-21노트 N-1625분

여섯 방식은 HTML 을 만드는 때(빌드·요청·브라우저)와 브라우저로 보내는 코드로 갈린다. Next.js 16 문서 기준으로 동작, 장단점, 코드, 화면별 선택 예를 정리했다.

2026-10-18동향 T-0216분

ESM·CJS 를 함께 내면 버전이 하나여도 React Context 가 두 벌 생기고 타입이 any 로 샌다. Node.js 22.12부터 require(esm) 이 기본이 된 뒤 토스뱅크가 사내 패키지를 ESM 만 내기로 한 조건과 빌드 기준을 짚었다.

2026-10-14노트 N-135분

페이지 이동 방식(MPA·SPA)과 HTML 을 만드는 곳·때(CSR·SSR·SSG)를 두 축으로 나눠 보고, 하이드레이션과 ISR 까지 MDN·web.dev·Next.js 문서 기준으로 정리했다.