- Astro 프로젝트를 최신 버전으로 시작하기 위해
npm create astro
를 사용한다. 🎉 - React를 추가하여 Astro 프로젝트에 React를 사용할 수 있게 한다. ⚛️
- Tailwind CSS를 설치하여 컴포넌트를 빠르게 디자인하고 구축할 수 있다. 🪄
- tsconfig.json 파일에서 컴파일 옵션을 추가하여 TypeScript와의 호환성을 높인다. ⚙️
- src/styles/globals.css 파일을 생성하여 전역 스타일을 정의한다. 💅
- Astroconfig.mjs 파일에서 Tailwind 설정을 추가하여 기본 스타일 적용을 제거한다. 🚧
- pages/index.astro 파일에 해당 전역 스타일을 import 한다. 📥