Astro와 Tailwind CSS로 지식 저장소 만들기

이 글에서는 AI Study Notes 프로젝트의 초기 설정 과정을 다룹니다.

기술 스택

• Astro v7: 정적 사이트 생성(SSG)을 위한 프레임워크
• Tailwind CSS v4: 유틸리티 우선 CSS 프레임워크

핵심 설정

1. BaseLayout: 공통 구조를 정의하여 코드 중복을 최소화했습니다.
2. Global CSS: Tailwind v4의 @theme 블록을 사용하여 브랜드 컬러를 정의했습니다.
3. Path Alias: @components, @layouts 등을 통해 임포트 경로를 단순화했습니다.

이 저장소는 앞으로 매일 학습하는 내용을 기록하는 공간이 될 것입니다.