컨텐츠로 이동

Astro의 첫 번째 줄 작성

요구 사항

  • 새 웹사이트를 처음으로 편집해 보세요.
  1. 코드 편집기에서 탐색기 파일 창의 src/pages/index.astro로 이동한 후 클릭하여 편집 가능한 탭에서 파일 내용을 엽니다.

    index.astro 파일의 내용은 다음과 같아야 합니다:

    src/pages/index.astro
    ---
    ---
    <html lang="en">
    <head>
    <meta charset="utf-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width" />
    <meta name="generator" content={Astro.generator} >
    <title>Astro</title>
    </head>
    <body>
    <h1>Astro</h1>
    </body>
    </html>
  2. 페이지 <body>의 콘텐츠를 편집하세요.

    페이지의 제목 텍스트를 변경하려면 편집기에 입력하고 변경 사항을 저장하세요.

    src/pages/index.astro
    <body>
    <h1>Astro</h1>
    <h1>My Astro Site</h1>
    </body>
  3. 브라우저 미리보기를 확인하면 페이지 콘텐츠가 새 텍스트로 업데이트된 것을 볼 수 있습니다.

축하해요! 여러분은 이제 Astro 개발자입니다!

이 단계의 나머지 부분에서는 버전 관리와 여러분이 자랑할 수 있는 게시된 웹사이트를 통해 성공할 수 있도록 준비하겠습니다.