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

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

데브허브 커뮤니티

Lesson 4 — Astro File Structure

Coding in Public

2025. 4. 16.

0

#frontend
  • Astro 파일 구조는 프론트매터와 HTML 출력 영역으로 나뉩니다. 🏗️
  • 프론트매터는 빌드 또는 서버 사이드에서 실행되는 JavaScript 코드를 포함합니다. ⚙️
  • HTML 출력 영역에서는 JavaScript 표현식을 사용하여 동적인 콘텐츠를 생성할 수 있습니다. 💡
  • import 구문을 사용하여 JSON, TS, JS 파일 등 다양한 데이터 소스를 가져올 수 있습니다. 📦
  • Astro는 기본적으로 정적 렌더링을 사용하며, 빌드 시 모든 데이터가 HTML에 포함됩니다. 🧱
  • 서버 사이드 렌더링을 통해 동적인 웹사이트를 만들 수 있습니다. 🔄
  • 레이아웃을 사용하여 웹사이트의 기본 구조를 정의하고 콘텐츠를 슬롯에 삽입할 수 있습니다. 🧩

Recommanded Videos