diff --git a/src/content/docs/ko/editor-setup.mdx b/src/content/docs/ko/editor-setup.mdx index 9a653eaf06d72..050b6f7d28758 100644 --- a/src/content/docs/ko/editor-setup.mdx +++ b/src/content/docs/ko/editor-setup.mdx @@ -55,7 +55,6 @@ Webstorm의 Astro 지원에 대한 자세한 내용은 [공식 Webstorm Astro - [StackBlitz](https://stackblitz.com/) 및 [CodeSandbox](https://codesandbox.io/) - `.astro` 파일에 대한 구문 강조 표시를 기본적으로 지원하는 브라우저에서 실행되는 온라인 편집기. 설치나 구성이 필요하지 않습니다! - [GitHub.dev](https://github.dev/) - Astro VS Code 확장을 [웹 확장](https://code.visualstudio.com/api/extension-guides/web-extensions)으로 설치할 수 있으며, 이를 통해 전체 확장 기능 중 일부에만 액세스할 수 있습니다. 현재는 구문 강조 표시만 지원됩니다. -- [Firebase Studio](https://firebase.studio/) - Open VSX에서 공식 Astro VS Code 확장을 설치할 수 있는 클라우드의 완전한 개발 환경 ## 기타 도구 diff --git a/src/content/docs/ko/guides/cms/builderio.mdx b/src/content/docs/ko/guides/cms/builderio.mdx index d11f184387165..a29b32eb68134 100644 --- a/src/content/docs/ko/guides/cms/builderio.mdx +++ b/src/content/docs/ko/guides/cms/builderio.mdx @@ -173,7 +173,7 @@ const builderModel = import.meta.env.BUILDER_BLOGPOST_MODEL; - 사이트가 활성화되어 있는지 확인하세요. 예를 들어 개발 서버가 실행 중인지 확인하세요. - URL이 Astro 프로젝트의 URL과 Builder 앱에 설정된 URL과 정확하게 일치하는지 확인하세요. - 프로토콜을 포함한 전체 URL (예: `https://`)인지 확인하세요. -- [Firebase Studio](https://studio.firebase.google.com/), [StackBlitz](https://stackblitz.com/)와 같은 가상 환경에서 작업하는 경우 URL을 복사하여 붙여넣어야 할 수도 있습니다. 작업공간을 다시 시작하면 일반적으로 프로젝트에 대한 새 URL이 생성되기 때문입니다. +- [StackBlitz](https://stackblitz.com/)와 같은 가상 환경에서 작업하는 경우 URL을 복사하여 붙여넣어야 할 수도 있습니다. 작업공간을 다시 시작하면 일반적으로 프로젝트에 대한 새 URL이 생성되기 때문입니다. 더 많은 아이디어를 보려면 [Builder의 문제 해결 가이드](https://www.builder.io/c/docs/guides/preview-url-working)를 읽어보세요. ::: diff --git a/src/content/docs/ko/guides/migrate-to-astro/from-docusaurus.mdx b/src/content/docs/ko/guides/migrate-to-astro/from-docusaurus.mdx index 9cca2722dc850..063baeb2906a1 100644 --- a/src/content/docs/ko/guides/migrate-to-astro/from-docusaurus.mdx +++ b/src/content/docs/ko/guides/migrate-to-astro/from-docusaurus.mdx @@ -66,7 +66,7 @@ Docusaurus 문서 사이트를 Astro로 변환하려면 공식 [Starlight 문서 Astro의 MDX 통합은 기본적으로 포함되어 있으므로 즉시 [기존 콘텐츠 파일을 Starlight로 가져올](https://starlight.astro.build/ko/getting-started/#%EC%BD%98%ED%85%90%EC%B8%A0-%EC%B6%94%EA%B0%80) 수 있습니다. -[astro.new](https://astro.new)에서 Astro의 문서 시작 및 기타 공식 템플릿을 찾을 수 있습니다. 각 프로젝트의 GitHub 저장소 링크는 물론, Firebase Studio, StackBlitz, CodeSandbox와 같은 온라인 개발 환경에서 작업 프로젝트를 열 수 있는 원클릭 링크도 제공됩니다. +[astro.new](https://astro.new)에서 Astro의 문서 시작 및 기타 공식 템플릿을 찾을 수 있습니다. 각 프로젝트의 GitHub 저장소 링크는 물론 StackBlitz, CodeSandbox와 같은 온라인 개발 환경에서 작업 프로젝트를 열 수 있는 원클릭 링크도 제공됩니다. ## 커뮤니티 리소스 diff --git a/src/content/docs/ko/guides/migrate-to-astro/from-eleventy.mdx b/src/content/docs/ko/guides/migrate-to-astro/from-eleventy.mdx index 542593536efbb..9788ec834a9ef 100644 --- a/src/content/docs/ko/guides/migrate-to-astro/from-eleventy.mdx +++ b/src/content/docs/ko/guides/migrate-to-astro/from-eleventy.mdx @@ -62,7 +62,7 @@ Eleventy 블로그를 Astro로 변환하려면 블로그 테마 시작 템플릿 Eleventy 프로젝트를 통해 다양한 템플릿 언어를 사용하여 사이트를 빌드할 수 있었습니다. Astro 프로젝트에서 페이지 템플릿은 대부분 UI 요소, 레이아웃 및 전체 페이지로 사용할 수 있는 Astro 컴포넌트를 사용하여 수행됩니다. 컴포넌트를 사용하여 Astro에서 템플릿을 작성하는 방법을 보려면 [Astro의 컴포넌트 구문](/ko/basics/astro-components/)을 살펴보세요. -포트폴리오나 문서 사이트 등 다른 유형의 사이트를 변환하려면 [astro.new](https://astro.new)에서 더 많은 공식 시작 템플릿을 참조하세요. 각 프로젝트의 GitHub 저장소 링크는 물론, Firebase Studio, StackBlitz, CodeSandbox와 같은 온라인 개발 환경에서 작업 프로젝트를 열 수 있는 원클릭 링크도 제공됩니다. +포트폴리오나 문서 사이트 등 다른 유형의 사이트를 변환하려면 [astro.new](https://astro.new)에서 더 많은 공식 시작 템플릿을 참조하세요. 각 프로젝트의 GitHub 저장소 링크는 물론 StackBlitz, CodeSandbox와 같은 온라인 개발 환경에서 작업 프로젝트를 열 수 있는 원클릭 링크도 제공됩니다. ## 커뮤니티 리소스 diff --git a/src/content/docs/ko/guides/migrate-to-astro/from-gatsby.mdx b/src/content/docs/ko/guides/migrate-to-astro/from-gatsby.mdx index c83a8fe463f94..adaf8561d4fc7 100644 --- a/src/content/docs/ko/guides/migrate-to-astro/from-gatsby.mdx +++ b/src/content/docs/ko/guides/migrate-to-astro/from-gatsby.mdx @@ -81,7 +81,7 @@ Astro에서 Gatsby 사이트를 다시 빌드하면 몇 가지 중요한 차이 그런 다음 기존 Gatsby 프로젝트 파일을 새 Astro 프로젝트의 `src` 외부에 있는 별도의 폴더에 복사하세요. :::tip -공식 스타터 템플릿의 전체 목록과 Firebase Studio, StackBlitz 또는 CodeSandbox에서 새 프로젝트를 열기 위한 링크는 [https://astro.new](https://astro.new)를 방문하세요. +공식 스타터 템플릿의 전체 목록과 StackBlitz 또는 CodeSandbox에서 새 프로젝트를 열기 위한 링크는 [https://astro.new](https://astro.new)를 방문하세요. ::: ### 통합 설치 (선택사항) diff --git a/src/content/docs/ko/guides/migrate-to-astro/from-gitbook.mdx b/src/content/docs/ko/guides/migrate-to-astro/from-gitbook.mdx index ff97b326055fe..acf807ebabb1a 100644 --- a/src/content/docs/ko/guides/migrate-to-astro/from-gitbook.mdx +++ b/src/content/docs/ko/guides/migrate-to-astro/from-gitbook.mdx @@ -25,7 +25,7 @@ GitBook과 Astro는 프로젝트 마이그레이션에 도움이 되는 몇 가 GitBook 문서를 Astro로 마이그레이션하면 몇 가지 중요한 차이점을 발견할 수 있습니다. -- GitBook 사이트는 온라인 대시보드를 사용하여 편집됩니다. Astro에서는 [코드 편집기](/ko/editor-setup/) 및 개발 환경을 사용하여 사이트를 유지 관리합니다. 컴퓨터에서 로컬로 개발하거나 Firebase Studio, StackBlitz, CodeSandbox와 같은 클라우드 편집기/개발 환경을 선택할 수 있습니다. +- GitBook 사이트는 온라인 대시보드를 사용하여 편집됩니다. Astro에서는 [코드 편집기](/ko/editor-setup/) 및 개발 환경을 사용하여 사이트를 유지 관리합니다. 컴퓨터에서 로컬로 개발하거나 StackBlitz, CodeSandbox와 같은 클라우드 편집기/개발 환경을 선택할 수 있습니다. - GitBook은 콘텐츠를 데이터베이스에 저장합니다. Astro에서는 각 페이지의 콘텐츠에 대한 [프로젝트 디렉터리](/ko/basics/project-structure/)에 개별 파일 (일반적으로 Markdown 또는 MDX)이 있습니다. 또는 [콘텐츠용 CMS](/ko/guides/cms/)와 Astro를 사용하여 데이터를 가져와 표시할 수도 있습니다. diff --git a/src/content/docs/ko/guides/migrate-to-astro/from-gridsome.mdx b/src/content/docs/ko/guides/migrate-to-astro/from-gridsome.mdx index 401e07b73f491..76f94c0a4ffe7 100644 --- a/src/content/docs/ko/guides/migrate-to-astro/from-gridsome.mdx +++ b/src/content/docs/ko/guides/migrate-to-astro/from-gridsome.mdx @@ -67,7 +67,7 @@ Gridsome의 프로젝트 구조는 Astro의 프로젝트 구조와 유사하므 Astro는 Gridsome과 다르게 로컬 파일을 쿼리하고 가져오기 때문에 [`import.meta.glob()`](/ko/guides/imports/#importmetaglob)을 사용하여 파일을 로드하는 방법을 읽고 로컬 파일 작업 방법을 이해하는 것이 좋습니다. -포트폴리오나 문서 사이트 등 다른 유형의 사이트를 변환하려면 [astro.new](https://astro.new)에서 더 많은 공식 시작 템플릿을 참조하세요. 각 프로젝트의 GitHub 저장소 링크는 물론, Firebase Studio, StackBlitz, CodeSandbox와 같은 온라인 개발 환경에서 작업 프로젝트를 열 수 있는 원클릭 링크도 제공됩니다. +포트폴리오나 문서 사이트 등 다른 유형의 사이트를 변환하려면 [astro.new](https://astro.new)에서 더 많은 공식 시작 템플릿을 참조하세요. 각 프로젝트의 GitHub 저장소 링크는 물론 StackBlitz, CodeSandbox와 같은 온라인 개발 환경에서 작업 프로젝트를 열 수 있는 원클릭 링크도 제공됩니다. ## 커뮤니티 리소스 diff --git a/src/content/docs/ko/guides/migrate-to-astro/from-hugo.mdx b/src/content/docs/ko/guides/migrate-to-astro/from-hugo.mdx index 01d17c1be9be2..3c37b1fe71c59 100644 --- a/src/content/docs/ko/guides/migrate-to-astro/from-hugo.mdx +++ b/src/content/docs/ko/guides/migrate-to-astro/from-hugo.mdx @@ -62,7 +62,7 @@ Hugo 블로그를 Astro로 변환하려면 블로그 테마 시작 템플릿으 Markdown 콘텐츠에서 변수, 표현식 또는 UI 컴포넌트와 같은 동적 콘텐츠를 계속 사용하려면 Astro의 선택적 MDX 통합을 추가하고 기존 Markdown 파일을 [MDX 페이지](/ko/guides/markdown-content/)로 변환하세요. MDX는 YAML 및 TOML 프런트매터을 지원하므로 기존 프런트매터 속성을 유지할 수 있습니다. 하지만 단축 코드 구문을 JSX 표현식 및/또는 컴포넌트 가져오기를 허용하는 [MDX 자체 구문](https://mdxjs.com/docs/what-is-mdx/#mdx-syntax)으로 바꿔야 합니다. -포트폴리오나 문서 사이트 등 다른 유형의 사이트를 변환하려면 [astro.new](https://astro.new)에서 더 많은 공식 시작 템플릿을 참조하세요. 각 프로젝트의 GitHub 저장소 링크는 물론, Firebase Studio, StackBlitz, CodeSandbox와 같은 온라인 개발 환경에서 작업 프로젝트를 열 수 있는 원클릭 링크도 제공됩니다. +포트폴리오나 문서 사이트 등 다른 유형의 사이트를 변환하려면 [astro.new](https://astro.new)에서 더 많은 공식 시작 템플릿을 참조하세요. 각 프로젝트의 GitHub 저장소 링크는 물론 StackBlitz, CodeSandbox와 같은 온라인 개발 환경에서 작업 프로젝트를 열 수 있는 원클릭 링크도 제공됩니다. ## 커뮤니티 리소스 diff --git a/src/content/docs/ko/guides/migrate-to-astro/from-jekyll.mdx b/src/content/docs/ko/guides/migrate-to-astro/from-jekyll.mdx index 528c8e3064ea3..11678dbcb946a 100644 --- a/src/content/docs/ko/guides/migrate-to-astro/from-jekyll.mdx +++ b/src/content/docs/ko/guides/migrate-to-astro/from-jekyll.mdx @@ -62,7 +62,7 @@ Markdown 페이지를 생성하기 위해 기존 Markdown 파일을 콘텐츠로 Astro에는 자리 표시자를 허용하는 `permalink` 속성이 없습니다. 기존 URL 구조를 유지하려면 [Astro의 페이지 라우팅](/ko/guides/routing/)에 대해 자세히 읽어야 할 수도 있습니다. 또는 [Netlify와 같은 호스트에서 리디렉션을 설정](https://docs.netlify.com/routing/redirects/)하는 것을 고려해보세요. -포트폴리오나 문서 사이트 등 다른 유형의 사이트를 변환하려면 [astro.new](https://astro.new)에서 더 많은 공식 시작 템플릿을 참조하세요. 각 프로젝트의 GitHub 저장소 링크는 물론, Firebase Studio, StackBlitz, CodeSandbox와 같은 온라인 개발 환경에서 작업 프로젝트를 열 수 있는 원클릭 링크도 제공됩니다. +포트폴리오나 문서 사이트 등 다른 유형의 사이트를 변환하려면 [astro.new](https://astro.new)에서 더 많은 공식 시작 템플릿을 참조하세요. 각 프로젝트의 GitHub 저장소 링크는 물론 StackBlitz, CodeSandbox와 같은 온라인 개발 환경에서 작업 프로젝트를 열 수 있는 원클릭 링크도 제공됩니다. ## 커뮤니티 리소스 diff --git a/src/content/docs/ko/guides/migrate-to-astro/from-nextjs.mdx b/src/content/docs/ko/guides/migrate-to-astro/from-nextjs.mdx index 7b422a34f980f..161b28c654b70 100644 --- a/src/content/docs/ko/guides/migrate-to-astro/from-nextjs.mdx +++ b/src/content/docs/ko/guides/migrate-to-astro/from-nextjs.mdx @@ -78,7 +78,7 @@ Astro에서 Next.js 사이트를 다시 빌드하면 몇 가지 중요한 차이 그런 다음 기존 Next 프로젝트 파일을 `src` 외부의 별도 폴더에 있는 새 Astro 프로젝트로 복사하세요. :::tip -공식 스타터 템플릿의 전체 목록과 Firebase Studio, StackBlitz 또는 CodeSandbox에서 새 프로젝트를 열기 위한 링크는 [https://astro.new](https://astro.new)를 방문하세요. +공식 스타터 템플릿의 전체 목록과 StackBlitz 또는 CodeSandbox에서 새 프로젝트를 열기 위한 링크는 [https://astro.new](https://astro.new)를 방문하세요. ::: ### 통합 설치 (선택사항) diff --git a/src/content/docs/ko/guides/migrate-to-astro/from-nuxtjs.mdx b/src/content/docs/ko/guides/migrate-to-astro/from-nuxtjs.mdx index 0013390e449e4..69a3d90a5daf3 100644 --- a/src/content/docs/ko/guides/migrate-to-astro/from-nuxtjs.mdx +++ b/src/content/docs/ko/guides/migrate-to-astro/from-nuxtjs.mdx @@ -80,7 +80,7 @@ Astro에서 Nuxt 사이트를 재빌드하면 몇 가지 중요한 차이점을 그런 다음 기존 Nuxt 프로젝트 파일을 `src` 외부의 별도 폴더에 있는 새 Astro 프로젝트로 복사하세요. :::tip -공식 스타터 템플릿의 전체 목록과 Firebase Studio, StackBlitz 또는 CodeSandbox에서 새 프로젝트를 열기 위한 링크는 [https://astro.new](https://astro.new)를 방문하세요. +공식 스타터 템플릿의 전체 목록과 StackBlitz 또는 CodeSandbox에서 새 프로젝트를 열기 위한 링크는 [https://astro.new](https://astro.new)를 방문하세요. ::: ### 통합 설치 (선택사항) diff --git a/src/content/docs/ko/guides/migrate-to-astro/from-pelican.mdx b/src/content/docs/ko/guides/migrate-to-astro/from-pelican.mdx index f746ba61ee53e..3c1b0f3ca745b 100644 --- a/src/content/docs/ko/guides/migrate-to-astro/from-pelican.mdx +++ b/src/content/docs/ko/guides/migrate-to-astro/from-pelican.mdx @@ -61,7 +61,7 @@ Pelican은 사이트 레이아웃과 메타데이터의 대부분을 처리했 Pelican과 마찬가지로 Astro에는 기능을 확장하는 많은 플러그인이 있습니다. [공식 통합 목록](/ko/guides/integrations-guide/)에서 MDX 지원 등의 기능을 추가하고, [Astro 통합 디렉터리](https://astro.build/integrations/)에서 커뮤니티에서 관리하는 수백 가지의 통합을 찾아보세요. [Astro 통합 API](/ko/reference/integrations-reference/)를 사용하여 프로젝트의 기능을 확장하는 사용자 지정 통합을 구축할 수도 있습니다. -포트폴리오나 블로그 등 다른 유형의 사이트를 변환하려면 [astro.new](https://astro.new)에서 더 많은 공식 시작 템플릿을 참조하세요. 각 프로젝트의 GitHub 저장소 링크는 물론, Firebase Studio, StackBlitz, CodeSandbox와 같은 온라인 개발 환경에서 작업 프로젝트를 열 수 있는 원클릭 링크도 제공됩니다. +포트폴리오나 블로그 등 다른 유형의 사이트를 변환하려면 [astro.new](https://astro.new)에서 더 많은 공식 시작 템플릿을 참조하세요. 각 프로젝트의 GitHub 저장소 링크는 물론 StackBlitz, CodeSandbox와 같은 온라인 개발 환경에서 작업 프로젝트를 열 수 있는 원클릭 링크도 제공됩니다. ## 커뮤니티 리소스 diff --git a/src/content/docs/ko/guides/migrate-to-astro/from-sveltekit.mdx b/src/content/docs/ko/guides/migrate-to-astro/from-sveltekit.mdx index c880ee15a8975..678f334557ff3 100644 --- a/src/content/docs/ko/guides/migrate-to-astro/from-sveltekit.mdx +++ b/src/content/docs/ko/guides/migrate-to-astro/from-sveltekit.mdx @@ -66,7 +66,7 @@ SvelteKit 블로그를 Astro로 변환하려면 블로그 테마 시작 템플 파일 기반 라우팅 및 레이아웃 컴포넌트는 Astro와 유사하지만 파일 위치를 알아보려면 [Astro의 프로젝트 구조](/ko/basics/project-structure/)를 읽어보세요. -포트폴리오나 문서 사이트 등 다른 유형의 사이트를 변환하려면 [astro.new](https://astro.new)에서 더 많은 공식 시작 템플릿을 참조하세요. 각 프로젝트의 GitHub 저장소 링크는 물론, Firebase Studio, StackBlitz, CodeSandbox와 같은 온라인 개발 환경에서 작업 프로젝트를 열 수 있는 원클릭 링크도 제공됩니다. +포트폴리오나 문서 사이트 등 다른 유형의 사이트를 변환하려면 [astro.new](https://astro.new)에서 더 많은 공식 시작 템플릿을 참조하세요. 각 프로젝트의 GitHub 저장소 링크는 물론 StackBlitz, CodeSandbox와 같은 온라인 개발 환경에서 작업 프로젝트를 열 수 있는 원클릭 링크도 제공됩니다. ## 커뮤니티 리소스 diff --git a/src/content/docs/ko/guides/migrate-to-astro/from-vuepress.mdx b/src/content/docs/ko/guides/migrate-to-astro/from-vuepress.mdx index eee0479aab201..2e700f9acf56a 100644 --- a/src/content/docs/ko/guides/migrate-to-astro/from-vuepress.mdx +++ b/src/content/docs/ko/guides/migrate-to-astro/from-vuepress.mdx @@ -61,7 +61,7 @@ VuePress 문서 사이트를 Astro로 변환하려면 공식 [Starlight 문서 VuePress 또는 설치한 테마는 아마도 사이트 레이아웃과 메타데이터의 대부분을 처리했을 것입니다. 페이지의 ``를 포함하여 Astro에서 템플릿 작성을 직접 관리하는 방법을 알아보려면 [Astro 레이아웃을 Markdown 페이지 래퍼로 구축](/ko/basics/layouts/#markdown-레이아웃)하는 방법을 읽어보세요. -Astro의 문서 스타터와 기타 템플릿은 [astro.new](https://astro.new)에서 찾을 수 있습니다. 각 프로젝트의 GitHub 저장소 링크는 물론, Firebase Studio, StackBlitz, CodeSandbox와 같은 온라인 개발 환경에서 작업 프로젝트를 열 수 있는 원클릭 링크도 제공됩니다. +Astro의 문서 스타터와 기타 템플릿은 [astro.new](https://astro.new)에서 찾을 수 있습니다. 각 프로젝트의 GitHub 저장소 링크는 물론 StackBlitz, CodeSandbox와 같은 온라인 개발 환경에서 작업 프로젝트를 열 수 있는 원클릭 링크도 제공됩니다. ## 커뮤니티 리소스 diff --git a/src/content/docs/ko/guides/migrate-to-astro/from-wordpress.mdx b/src/content/docs/ko/guides/migrate-to-astro/from-wordpress.mdx index 886c91183bd0a..5505fe57f721a 100644 --- a/src/content/docs/ko/guides/migrate-to-astro/from-wordpress.mdx +++ b/src/content/docs/ko/guides/migrate-to-astro/from-wordpress.mdx @@ -29,7 +29,7 @@ WordPress와 Astro는 프로젝트를 마이그레이션하는 데 도움이 되 Astro에서 WordPress 사이트를 다시 빌드하면 몇 가지 중요한 차이점을 발견할 수 있습니다. -- WordPress 사이트는 온라인 대시보드를 사용하여 편집됩니다. Astro에서는 [코드 편집기](/ko/editor-setup/) 및 개발 환경을 사용하여 사이트를 유지 관리합니다. 컴퓨터에서 로컬로 개발하거나 Firebase Studio, StackBlitz, CodeSandbox와 같은 클라우드 편집기/개발 환경을 선택할 수 있습니다. +- WordPress 사이트는 온라인 대시보드를 사용하여 편집됩니다. Astro에서는 [코드 편집기](/ko/editor-setup/) 및 개발 환경을 사용하여 사이트를 유지 관리합니다. 컴퓨터에서 로컬로 개발하거나 StackBlitz, CodeSandbox와 같은 클라우드 편집기/개발 환경을 선택할 수 있습니다. - WordPress에는 광범위한 플러그인과 테마 마켓이 있습니다. Astro에서는 일부 테마와 [통합](https://astro.build/integrations/)을 사용할 수 있지만 이제 타사 솔루션을 찾는 대신 기존 기능 중 상당수를 직접 빌드해야 할 수도 있습니다. 또는 기능이 내장된 [Astro 테마](https://astro.build/themes)로 시작하도록 선택할 수도 있습니다! @@ -65,7 +65,7 @@ WordPress 블로그를 Astro로 변환하려면 블로그 테마 시작 템플 기존 게시물 콘텐츠를 모두 Astro로 이동하려는 경우 [WordPress에서 Markdown을 내보내기 위한 이 도구](https://github.com/lonekorean/wordpress-export-to-markdown)가 도움이 될 수 있습니다. [규모가 크거나 복잡한 WordPress 사이트를 Markdown으로 변환](https://swizec.com/blog/how-to-export-a-large-wordpress-site-to-markdown/)해야 하는 경우 결과를 일부 조정해야 할 수도 있습니다. -포트폴리오나 문서 사이트 등 다른 유형의 사이트를 변환하려면 [astro.new](https://astro.new)에서 더 많은 공식 시작 템플릿을 참조하세요. 각 프로젝트의 GitHub 저장소 링크는 물론, Firebase Studio, StackBlitz, CodeSandbox와 같은 온라인 개발 환경에서 작업 프로젝트를 열 수 있는 원클릭 링크도 제공됩니다. +포트폴리오나 문서 사이트 등 다른 유형의 사이트를 변환하려면 [astro.new](https://astro.new)에서 더 많은 공식 시작 템플릿을 참조하세요. 각 프로젝트의 GitHub 저장소 링크는 물론 StackBlitz, CodeSandbox와 같은 온라인 개발 환경에서 작업 프로젝트를 열 수 있는 원클릭 링크도 제공됩니다. ## 커뮤니티 리소스 diff --git a/src/content/docs/ko/tutorial/0-introduction/index.mdx b/src/content/docs/ko/tutorial/0-introduction/index.mdx index bc0292134046c..54ef547ce18ab 100644 --- a/src/content/docs/ko/tutorial/0-introduction/index.mdx +++ b/src/content/docs/ko/tutorial/0-introduction/index.mdx @@ -24,7 +24,7 @@ import Lede from '~/components/tutorial/Lede.astro'; - 사이트에 상호 작용 추가 - 사이트를 웹에 배포 -빌드 결과를 미리 확인하고 싶나요? [GitHub](https://github.com/withastro/blog-tutorial-demo)에서 최종 프로젝트를 확인할 수 있으며, [Firebase Studio](https://studio.firebase.google.com/import?url=https:%2F%2Fgithub.com%2Fwithastro%2Fblog-tutorial-demo%2F)나 [StackBlitz](https://stackblitz.com/github/withastro/blog-tutorial-demo/tree/complete?file=src%2Fpages%2Findex.astro)와 같은 온라인 코딩 환경에서 작업 버전을 실행할 수도 있습니다. +빌드 결과를 미리 확인하고 싶나요? [GitHub](https://github.com/withastro/blog-tutorial-demo)에서 최종 프로젝트를 확인할 수 있으며 [StackBlitz](https://stackblitz.com/github/withastro/blog-tutorial-demo/tree/complete?file=src%2Fpages%2Findex.astro)와 같은 온라인 코딩 환경에서 작업 버전을 실행할 수도 있습니다. :::note 미리 만들어진 사이트를 통해 Astro에 대해 알아보고 싶다면 [https://astro.new](https://astro.new)를 방문하여 시작 템플릿을 선택하세요. 그리고 온라인 에디터에서 템플릿을 열어 편집하세요. diff --git a/src/content/docs/ko/tutorial/1-setup/index.mdx b/src/content/docs/ko/tutorial/1-setup/index.mdx index 00bd35020c257..e27b84ba6667c 100644 --- a/src/content/docs/ko/tutorial/1-setup/index.mdx +++ b/src/content/docs/ko/tutorial/1-setup/index.mdx @@ -18,50 +18,8 @@ import { Steps } from '@astrojs/starlight/components'; :::tip[온라인 코드 편집기에서 튜토리얼 진행] -온라인 코드 편집기에서 이 튜토리얼을 완료하고 싶나요? 아래 지침에 따라 Firebase Studio에서 시작하세요. +온라인 코드 편집기에서 이 튜토리얼을 완료하고 싶나요? 아래 지침에 따라 StackBlitz에서 시작하세요. -
-Firebase Studio 사용하기: 이 안내를 따른 후, 바로 2단계로 이동하세요! - -**Firebase Studio 설정** - - -1. [Firebase Studio의 새 작업 공간에서 "Empty Project" 템플릿을 실행](https://astro.new/minimal?on=firebase-studio)하기 위해 외부 링크로 이동하세요. - -2. 아직 로그인하지 않았다면 안내에 따라 Google 계정에 로그인하세요. - -3. 기본 이름인 "Empty Project"에서 변경하고 싶다면 프로젝트 이름을 입력하세요. **Create**를 클릭하세요. - -4. 작업 공간이 생성될 때까지 기다리세요. 30 ~ 60초 정도 걸릴 수 있습니다. 모든 과정이 순조롭게 진행되면 온라인 코드 편집기에 Astro 프로젝트가 로드된 것을 확인할 수 있습니다. - -5. Firebase Studio가 두 스크립트를 실행할 때까지 기다리세요. 하나는 Astro를 설치하는 스크립트이며, 다른 하나는 개발 서버를 시작하는 스크립트입니다. Astro가 설치되기 전에 작업 공간이 로드되면 "couldn't find Astro"라는 메시지가 잠시 나타날 수 있습니다. 이 메시지가 자동으로 사라지지 않으면 무시하고 취소해도 됩니다. - - -**코드 변경** - -모든 과정이 순조롭게 진행되면 웹사이트의 실시간 미리보기와 `src/pages/index.astro` 파일의 코드가 분할 화면으로 함께 실행되는 것을 확인할 수 있습니다. ["첫 번째 Astro 코드 작성하기"](/ko/tutorial/1-setup/3/)의 안내에 따라 이 파일을 수정해 보세요. - -**Github 리포지토리 생성** - - -1. 세로 메뉴 바에서 "Source Control" 탐색 항목으로 이동하거나, CTRL + SHIFT + G 키를 눌러 메뉴를 여세요. - -2. GitHub에 게시하기 위한 옵션을 선택하세요. 그러면 GitHub 계정에 새 리포지토리가 생성됩니다. -3. 안내에 따라 GitHub 계정에 로그인하세요. -4. 로그인 후, Firebase Studio 탭으로 돌아가 새 리포지토리의 이름을 지정하고, 비공개 또는 공개 리포지토리 여부를 선택할 수 있습니다. 이 튜토리얼에서는 원하는 이름과 유형의 리포지토리를 선택할 수 있습니다. -5. Firebase Studio는 첫 커밋을 생성하고, 프로젝트를 새 Github 리포지토리에 게시할 것입니다. -6. 앞으로는 GitHub에 커밋할 변경 사항이 있을 때마다 Source Control 탐색 아이콘에 숫자가 표시됩니다. 이 숫자는 마지막 커밋 이후 변경된 파일의 개수입니다. 이 탭으로 이동하여 커밋과 게시를 수행하면 커밋 메시지를 입력하고 리포지토리를 업데이트할 수 있습니다. - - -**사이트 배포** - -개발하는 동안 Netlify에 배포하여 실시간 게시 버전의 사이트를 확인하고 싶다면, 1단계의 [사이트를 웹에 배포하기](/ko/tutorial/1-setup/5/)를 확인하세요. - -그렇지 않다면, [2단계](/ko/tutorial/2-pages/)로 건너뛰어 Astro를 사용해 빌드를 시작하세요. - -
- -{/* StackBlitz instructions
StackBlitz 사용: 다음 지침을 따른 다음 바로 2단계로 이동하세요! @@ -96,7 +54,6 @@ import { Steps } from '@astrojs/starlight/components'; 그렇지 않으면 [2단계](/ko/tutorial/2-pages/)로 건너뛰어 Astro로 구축을 시작하세요!
-*/} ::: ## 어떻게 진행되나요? diff --git a/src/content/docs/ko/tutorial/6-islands/3.mdx b/src/content/docs/ko/tutorial/6-islands/3.mdx index 8a77df1b86e15..38bdad4f05976 100644 --- a/src/content/docs/ko/tutorial/6-islands/3.mdx +++ b/src/content/docs/ko/tutorial/6-islands/3.mdx @@ -42,7 +42,7 @@ const textCase = "uppercase"; Astro의 기본에 대해 조금 배우고 그 과정에서 즐거운 시간을 보내셨기를 바랍니다! -이 튜토리얼의 프로젝트 코드는 [GitHub](https://github.com/withastro/blog-tutorial-demo/tree/complete)에서 찾을 수 있으며, [Firebase Studio](https://studio.firebase.google.com/import?url=https:%2F%2Fgithub.com%2Fwithastro%2Fblog-tutorial-demo%2F) 또는 [StackBlitz](https://stackblitz.com/github/withastro/blog-tutorial-demo/tree/complete?file=src/pages/index.astro)와 같은 온라인 코드 환경에서 작동하는 버전을 열 수 있습니다. +이 튜토리얼의 프로젝트 코드는 [GitHub](https://github.com/withastro/blog-tutorial-demo/tree/complete)에서 찾을 수 있으며 [StackBlitz](https://stackblitz.com/github/withastro/blog-tutorial-demo/tree/complete?file=src/pages/index.astro)와 같은 온라인 코드 환경에서 작동하는 버전을 열 수 있습니다. 안내서와 참조에 대한 문서를 확인하고, Discord를 방문하여 질문하고, 도움을 받거나, 그냥 어울리세요!