시작하기

Astro 버전 3이 출시되었습니다!

Astro v3의 새로운 기능은 무엇인가요? 블로그 게시물에서 알아보세요.
업그레이드할 준비가 되셨나요? 업그레이드 가이드를 따르세요 (EN).

Astro란 무엇인가요?

Astro는 콘텐츠 중심의 빠른 웹 사이트를 구축하기 위한 올인원(all-in-one) 웹 프레임워크입니다.

주요 기능

• 컴포넌트 아일랜드: 더 빠른 웹사이트 구축을 위한 새로운 웹 아키텍처입니다.
• 서버 우선 API 설계: 사용자의 장치에서 값비싼 수화를 제거합니다.
• 기본적으로 제로 JS: 속도를 저하시키는 자바스크립트 런타임 오버헤드가 없습니다.
• 에지 지원: Deno 또는 Cloudflare와 같은 글로벌 에지 런타임을 포함한 어디에나 배포할 수 있습니다.
• 사용자 정의 통합: Tailwind, MDX 및 100개 이상의 다양한 통합 중에서 선택할 수 있습니다.
• 자유로운 UI 선택: React, Preact, Svelte, Vue, Solid, Lit 등을 지원합니다.

Astro를 특별하게 만드는 요소가 궁금하다면 왜 Astro인가에서 자세한 분석을 확인하세요. ✨

브라우저에서 Astro 사용해 보기

astro.new를 방문하여 다양한 템플릿 중 하나를 선택해 시작할 수 있습니다. 브라우저에서 바로 Astro의 정식 버전을 사용해 보세요!

기본 템플릿으로 시작하기

모든 템플릿 살펴보기 →

첫 프로젝트 시작하기

create astro CLI 마법사를 사용해 로컬에서 새로운 Astro 프로젝트를 시작하세요!

npm

# npm으로 새 프로젝트 생성
npm create astro@latest

pnpm

# pnpm으로 새 프로젝트 생성
pnpm create astro@latest

Yarn

# yarn으로 새 프로젝트 생성
yarn create astro

설치 가이드에는 CLI 마법사를 사용하여 Astro를 설치하고, 기존 Astro GitHub 저장소에서 새 프로젝트를 생성하고, Astro를 수동으로 설치하는 방법에 대한 단계별 지침이 있습니다.

Astro 알아보기

Astro 사이트의 주요 개념과 패턴에 대한 예시를 살펴보세요!

📚 사이트에 첫 페이지를 추가해 보세요.

📚 Astro의 프로젝트 구조에 대해 자세히 알아보세요.

📚 Astro의 파일 기반 라우팅 (EN)에 대해 알아보세요.

… 참고자료 탭에서 전체 API 문서를 확인하세요.

Astro 확장하기

🧰 사전 제작된 테마로 다음 프로젝트를 시작하세요.

🧰 공식 및 커뮤니티의 플러그인 및 컴포넌트를 사용하여 사이트를 맞춤설정하세요.

🧰 사이트 쇼케이스를 방문하여 영감을 얻으세요.

… 통합 가이드 (EN)를 참조하세요.

커뮤니티에 참여하기

활발하고 친절한 커뮤니티인 Astro Discord에 참여하여 정보를 공유하고 도움을 받으세요!

💬 #general 채널에서 인사를 나누세요!

💬 #support 채널에서 지원팀에 질문해 주세요!

💬 #showcase 채널에서 작업물을 공유해 주세요!

새로운 소식

Astro 블로그

Astro 변경 로그

번역

다음 사람들이 이 문서를 번역하는 데 도움을 주셨습니다. 번역을 도와주세요!

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

기여

다음 사람들이 이 문서를 만드는데 기여해주셨습니다. GitHub에서 우리와 함께하세요!

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
•