유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Lesson 6 — Your First Astro Component

Coding in Public

2025. 4. 17.

0

#frontend
  • Astro 컴포넌트를 만들기 위해 필요한 모든 것이 이미 갖춰져 있음. 🚀
  • src 디렉토리 안에 components 디렉토리를 만들어 컴포넌트들을 관리하는 것이 일반적인 방법임. 📁
  • link.astro 컴포넌트를 만들어 링크 태그를 생성하고, 슬롯을 사용하여 콘텐츠를 삽입하고, href를 prop으로 받을 수 있음. 🔗
  • Astro 컴포넌트 내의 스타일 태그는 해당 컴포넌트에만 적용되는 스코프 스타일을 가짐. 🎨
  • 컴포넌트화를 통해 사이트의 여러 부분을 유연하게 관리하고 스타일과 기능을 일관되게 유지할 수 있음. 🧩
  • Astro에서는 CSS를 다루는 다양한 방법이 존재함. ✨

Recommanded Videos