Astro 시작하기 [Astro 문서 번역]

취준생이 공부하기 위한 목적으로 번역기로 번역했음을 참고해 주세요.

Astro가 무엇인가요?

Astro는 콘텐츠 중심으로 빠른 웹사이트를 구축하기 위한 올인원 웹 프레임워크입니다.

주요 특징

• 컴포넌트 독립: 빠른 웹사이트를 구축하기 위한 새로운 웹 아키텍처
• 서버 우선 API 설계: 사용자의 기기에서 비싼 작업을 제거한다.
• 기본적으로 Zero JS: 속도를 저하시키는 JS 런타임 오버헤드는 없다.
• Edge 준비: Deno 또는 Cludflare와 같은 글로벌 edge 런타임이라도 어디에서나 배포할 수 있다.
• 사용자 지정 가능: Tailwind, MDX 등 100개 이상의 기타 통합들 중에서 선택할 수 있다.
• UI에 구애받지 않음: React, Preact, Svelte, Vue, Solid, List 등을 지원한다.

Ascro를 특별하게 만드는 것이 무엇인지 더 알아보려면 Why Astro에서 자세한 설명을 확인해 보세요.

브라우저에서 Astro 시도해보기

astro.new에 방문해 다양한 템플릿들 중 시작해 보고 싶은 것을 선택해 보세요. 브라우저에서 Astro가 완전하게 작동하는 버전을 가지고 놀아보세요!

첫 프로젝트 시작하기

유용한 create astro CLI 마법사를 이용해 새로운 Astro 프로젝트를 만들고 로컬에서 실행해 봅시다.

# create a new project with npm
npm create astro@latest

# create a new project with pnpm
pnpm create astro@latest

# create a new project with yarn
yarn create astro

Installation Guide에는 CLI 마법사를 사용하여 Astro를 설치하고 기존 Astro GitHub 저장소에서 새 프로젝트를 생성하며 Astro를 수동으로 설치하는 방법에 대한 전체적인 단계별 지침이 나와 있습니다.

Astro 배우기

Astro 사이트의 주요 개념과 패턴들의 일부의 예시를 확인해보세요.

• 사이트에 첫번째 페이지 만들기
• Astro의 프로젝트 구조에 대해서 읽어보기
• Astro의 파일 기반 라우팅에 대해서 배우기

전체 API 문서에서 아래에 있는 Reference 탭에서 찾을 수 있습니다.

Astro 확장하기

커뮤니티에 가입하기

새로워진 점은?

---

• Astro DOCS - Getting Started