고양이 두 잔

목차 들어가는 글웹사이트를 만들기 시작하면 가장 먼저 부딪히는 벽은 코드가 아니라 용어다. 리액트, Vite, Next.js, Astro 같은 이름이 한꺼번에 쏟아지지만, 이들이 서로 어떤 관계인지는 좀처럼 명확하게 설명되지 않는다. 나 역시 내부 운영 도구와 회사 홈페이지를 직접 만들면서 같은 혼란을 겪었다. "리액트를 쓰면 Vite도 당연히 함께 써야 하나", "Astro는 리액트 위에서 도는 라이브러리인가", "그런데 리액트도 결국 라이브러리 아닌가" 같은 질문이 머릿속에서 정리되지 않았다. 결론부터 말하면, 이 도구들은 서로 경쟁하는 관계가 아니라 각기 다른 층위에서 자기 일을 맡는다. 이 글은 그 혼란을 직접 겪은 입장에서, 초보자가 Astro를 이해하는 데 필요한 개념을 층위별로 정리한다.As..