블로그를 운영하다 보면 마크다운 파일이 수십, 수백 개로 늘어나는 건 시간문제입니다. 처음에는 프런트매터에 title이나 date를 성실히 적다가도, 어느 순간 date 포맷을 잘못 쓴다든지, tags를 빠뜨린다든지 하는 실수가 슬슬 나타나기 시작하죠. 문제는 이런 실수가 조용히 사이트에 반영되어 깨진 페이지나 누락된 정보로 이어진다는 겁니다. 😅 Astro의 Content Collections는 바로 이 문제를 해결해 줍니다. 마크다운 파일의 프런트매터를 Zod 스키마로 정의해두면 빌드할 때 잘못된 데이터를 즉시 잡아내고 편집기
프론트엔드 프레임워크를 고를 때마다 한숨이 나오시지 않나요? Next.js, Nuxt, SvelteKit, Remix... 선택지가 너무 많아서 오히려 결정이 어려워지는 상황이 흔한데요. 그런데 만약 만들려는 게 블로그, 문서 사이트, 포트폴리오처럼 콘텐츠가 중심인 사이트라면 이야기가 좀 달라집니다. 메타 프레임워크 중에서도 Astro는 꽤 독특한 위치를 차지하고 있거든요. 기본적으로 JavaScript를 아예 보내지 않는다는 과감한 철학, 그리고 React든 Vue든 Svelte든 원하는 UI 프레임워크를 골라 쓸 수 있는 유연함
웹 개발 이야기를 하다 보면 메타 프레임워크(meta-framework)라는 말을 한 번쯤 써 보셨거나 들어 보셨을 텐데요. 자주 쓰는 말인데도 막상 메타 프레임워크가 뭔지 설명하려고 하면 쉽지 않습니다. 이 글에서는 메타 프레임워크가 전통적인 프레임워크와 어떻게 다르며 왜 필요한지 알아보고, 지금 어떤 메타 프레임워크들이 쓰이고 있는지 살펴보겠습니다. 메타 프레임워크의 특징 전통적인 프레임워크라고 하면 보통 어떤 프로그래밍 언어를 함께 떠올리게 되는데요. 이런 프레임워크는 언어 자체가 제공하지 않는 기능을 보완하면서 언어와 함께
개발 블로그를 하나 시작해 볼까 고민하시는 분들이 많은데요. 막상 시작하려고 하면 어디에 써야 할지부터 막히곤 합니다. 블로그 서비스에 가입해서 바로 쓸지, 아니면 직접 만들지 말이죠. 🤔 저는 블로그를 꽤 오래 운영하면서 이 고민을 여러 번 했습니다. 구글의 블로그 서비스로 시작해서 정적 사이트 생성기(Static Site Generator) 네 가지를 거쳐 지금에 이르렀는데요. 이 글에서는 그 과정에서 겪은 일을 바탕으로 블로그를 시작하는 방법을 비교하고, 직접 만든다면 어떤 도구를 고르고 어떻게 배포하면 좋은지 정리해 보겠습
요즘 프론트엔드(front-end) 개발을 하다 보면 SPA, SSG, SSR처럼 비슷해서 헷갈리는 약어를 심심치 않게 듣게 되는데요. 여기에 사전 렌더링(prerendering), 하이드레이션(hydration), ISR 같은 말까지 더해지면 무엇이 무엇인지 정리가 잘 안 되기 마련입니다. 🤔 이 글에서는 세 가지 렌더링(rendering) 방식을 HTML이 언제 어디서 만들어지는가라는 하나의 기준으로 비교해 보고, 요즘 프레임워크들이 이 방식들을 어떻게 섞어 쓰는지까지 살펴보겠습니다. 렌더링 시점으로 보면 한 번에 정리된다 세