TECH NOTES
기술노트
현장에서 검증된 개발 지식을 기록합니다.
17161514131211109876
Frontend
Lit 4.0 SSR — Web Components 서버 렌더 사후
Lit 4.0 SSR 정식. design system을 web components로, React 앱에 임베드. 코드 공유 100%, 빌드 통합 패턴.
Frontend
Qwik 2.0 resumability — 1년 운영 후 정직한 평가
Qwik 2.0 production 1년. resumability(hydration 부재)의 진가와 한계. 마케팅 사이트 vs 대시보드 적합도, 이직 시 인력 채용 문제.
Frontend
Astro 5.5 server islands — 동적 컴포넌트 정착 6주
Astro 5.5의 server islands로 부분 SSR 패턴 정착. 정적 사이트에 로그인·장바구니 같은 동적 영역만 서버 렌더링. TTFB -42%.
Frontend
TanStack Start 1.0 — Remix·Next 대비 production 도입 평가
TanStack Start 1.0 GA. SaaS 1개 production 전환 사후 — 라우팅, 데이터 로딩, SSR 패턴, Remix·Next 대비 강약점.
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 — 실무에서 바로 적용할 수 있는 가이드입니다.