- Astro 프로젝트를 최신 버전으로 시작하기 위해
npm create astro를 사용한다. 🎉 - React를 추가하여 Astro 프로젝트에 React를 사용할 수 있게 한다. ⚛️
- Tailwind CSS를 설치하여 컴포넌트를 빠르게 디자인하고 구축할 수 있다. 🪄
- tsconfig.json 파일에서 컴파일 옵션을 추가하여 TypeScript와의 호환성을 높인다. ⚙️
- src/styles/globals.css 파일을 생성하여 전역 스타일을 정의한다. 💅
- Astroconfig.mjs 파일에서 Tailwind 설정을 추가하여 기본 스타일 적용을 제거한다. 🚧
- pages/index.astro 파일에 해당 전역 스타일을 import 한다. 📥
Astro Setup with shadcn/ui: Quick Guide to Reusable Components! #shadcn #ui
Recommanded Videos
why 90% of new programmers WASTE TIME
2025. 8. 11.
Single-Threaded Model & Event Loop in JavaScript
2025. 3. 18.
![[우분투 리눅스 기초 강의] 70강. 프록시 서버 구현](https://i2.ytimg.com/vi/QqKaT-fY_wQ/hqdefault.jpg)
[우분투 리눅스 기초 강의] 70강. 프록시 서버 구현
2024. 12. 18.
![[개발 강의] 개발 잘하는 법 1가지. MVC의 본질이 가장 중요한건 이런 것 때문?개꿀팁 코드 공유까지!?](https://i4.ytimg.com/vi/33ZqV3uqJ6o/hqdefault.jpg)
[개발 강의] 개발 잘하는 법 1가지. MVC의 본질이 가장 중요한건 이런 것 때문?개꿀팁 코드 공유까지!?
2024. 2. 7.
I Think I Finally Know What To Do With Health Globes - Live Godot Game Development
2025. 6. 5.
기업의 AI 에이전트 기술 도입과 비즈니스 확장전략 (장동인 KAIST AI 대학원 책임교수 강연, 3 of 3)
2025. 1. 6.