컨텐츠로 건너뛰기

첫 번째 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.svg" />
        <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 개발자가 되셨습니다!

이 단계의 다음 과정에서는 버전 관리와 웹사이트를 게시하는 방법을 배우게 됩니다.

체크리스트

섹션 제목: 체크리스트
기여하기 커뮤니티 후원하기