TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
1312111098765432
Frontend
Qwik 2.0 Resumability — Hydration 없는 SPA의 진짜 가치
Qwik 2.0 resumability 실측. React/Next 대비 TTI 5배 단축, JS 페이로드 90% 감소. 작동 원리와 라우팅·서버 액션·한계까지.
Frontend
Astro 5 vs Next.js 16 — 콘텐츠 사이트 vs 앱 선택 가이드
Astro 5와 Next.js 16의 본질적 차이는 "Islands vs Components" 철학. 블로그·문서·이커머스에는 Astro가 압도, 앱·대시보드는 Next.js.
Frontend
Next.js 16.2 완전 정리 — Turbopack 완성, Server Fast Refresh, AI-Native 개발
Next.js 16.2의 핵심 변경사항을 완전 정리합니다. Turbopack 완성으로 400% 빨라진 dev 서버, Server Fast Refresh, AGENTS.md, SRI 지원까지.
Frontend
Streaming SSR — React 18+ 서버 스트리밍 렌더링
React 18+의 Streaming SSR로 TTFB를 단축하고 점진적 렌더링을 구현하는 방법.
Frontend
SSR/SSG/ISR 심층 비교 — 성능과 SEO 관점에서
렌더링 전략별 성능, SEO, DX를 심층 비교하고 하이브리드 전략을 제시합니다.
Frontend
SSR vs SSG vs ISR — 렌더링 전략 완벽 비교
서버 사이드 렌더링, 정적 생성, 증분 재생성의 차이점과 선택 기준.
Frontend
HTMX — JavaScript 없이 동적 웹 만들기
HTMX를 활용해 서버 사이드 렌더링만으로 SPA 수준의 동적 UI를 구현하는 방법.
Frontend
Deno 프레임워크 Fresh — 아일랜드 아키텍처 SSR
Deno 프레임워크 Fresh — 아일랜드 아키텍처 SSR — 실무에서 바로 적용할 수 있는 가이드입니다.
Frontend
Next.js 13 데이터 페칭 완벽 정리 — fetch·cache·revalidate
Next.js 13 데이터 페칭 완벽 정리 — fetch·cache·revalidate — 실무에서 바로 적용할 수 있는 가이드입니다.
Frontend
Next.js 13 App Router 시작하기 — Pages Router와 차이점 완벽 정리
Next.js 13 App Router 시작하기 — Pages Router와 차이점 완벽 정리 — 실무에서 바로 적용할 수 있는 가이드입니다.
Frontend
SvelteKit 1.0 출시 — Svelte 풀스택 프레임워크
SvelteKit 1.0 출시 — Svelte 풀스택 프레임워크 — 실무에서 바로 적용할 수 있는 가이드입니다.
Frontend
Remix 프레임워크 시작하기 — React 풀스택의 새로운 선택
Remix 프레임워크 시작하기 — React 풀스택의 새로운 선택 — 실무에서 바로 적용할 수 있는 가이드입니다.