React로 풀스택 앱을 만들 때 어떤 프레임워크를 쓰시나요? 아마 Next.js를 먼저 떠올리실 텐데요. Next.js가 사실상 표준처럼 자리 잡긴 했지만 쓰다 보면 아쉬운 점도 있습니다. 타입 안전성이 중간중간 끊긴다거나, 캐싱 동작이 예상과 다르게 돌아간다거나, 배포할 때 특정 플랫폼에 묶이는 느낌이 든다거나요. 그런 분들에게 TanStack Start가 반가울 겁니다. TanStack Query와 TanStack Table로 유명한 TanStack 생태계에서 나온 풀스택 React 프레임워크인데요. "엔드투엔드 타입 안전성"
2026년 2월 말, Cloudflare가 꽤 파격적인 프로젝트를 공개했습니다. 이름은 Vinext로, Next.js의 공개 API를 Vite 플러그인으로 재구현한 오픈소스 프로젝트인데요. Next.js를 포크한 게 아니라, Next.js가 제공하는 라우팅, 서버 렌더링, next/* 모듈 임포트, CLI 등의 API 표면을 Vite 생태계 위에서 처음부터 다시 만든 겁니다. "AI가 일주일 만에 만들었다"는 타이틀이 워낙 자극적이라 화제가 됐는데, 막상 내용을 들여다보면 기술적으로 꽤 흥미로운 지점이 많습니다. 이번 글에서는 Vi
웹 개발 이야기를 하다 보면 메타 프레임워크(meta-framework)라는 말을 한 번쯤 써 보셨거나 들어 보셨을 텐데요. 자주 쓰는 말인데도 막상 메타 프레임워크가 뭔지 설명하려고 하면 쉽지 않습니다. 이 글에서는 메타 프레임워크가 전통적인 프레임워크와 어떻게 다르며 왜 필요한지 알아보고, 지금 어떤 메타 프레임워크들이 쓰이고 있는지 살펴보겠습니다. 메타 프레임워크의 특징 전통적인 프레임워크라고 하면 보통 어떤 프로그래밍 언어를 함께 떠올리게 되는데요. 이런 프레임워크는 언어 자체가 제공하지 않는 기능을 보완하면서 언어와 함께
요즘 프론트엔드(front-end) 개발을 하다 보면 SPA, SSG, SSR처럼 비슷해서 헷갈리는 약어를 심심치 않게 듣게 되는데요. 여기에 사전 렌더링(prerendering), 하이드레이션(hydration), ISR 같은 말까지 더해지면 무엇이 무엇인지 정리가 잘 안 되기 마련입니다. 🤔 이 글에서는 세 가지 렌더링(rendering) 방식을 HTML이 언제 어디서 만들어지는가라는 하나의 기준으로 비교해 보고, 요즘 프레임워크들이 이 방식들을 어떻게 섞어 쓰는지까지 살펴보겠습니다. 렌더링 시점으로 보면 한 번에 정리된다 세