체크인: 1단계 - 설정
이제 무엇을 만들 것인지 알았으니 필요한 모든 도구를 설정할 차례입니다!
이 단계에서는 개발 환경을 설정하고 Netlify에 배포하는 방법을 보여줍니다. 이미 환경과 작업 흐름에 익숙하다면 2단계로 건너뛰세요.
대신 온라인 코드 편집기에서 이 튜토리얼을 완료하시겠습니까?
다음 지침을 따른 다음 바로 2단계로 이동하세요!
StackBlitz 설정
-
astro.new를 방문하여 버튼을 클릭해 StackBlitz에서 “Empty Project” 템플릿을 엽니다.
-
GitHub 자격 증명을 사용하여 로그인하려면 오른쪽 상단의 “Sign in”을 클릭하세요.
-
StackBlitz 편집기 창의 왼쪽 상단에서 템플릿을 “fork”하려면 클릭하세요 (자신의 계정 대시보드에 저장).
-
프로젝트가 로드될 때까지 기다리면 “Empty Project” 스타터의 실시간 미리보기가 표시됩니다.
변경
파일 창에 src/pages/index.astro
가 표시되어야 합니다. 클릭하여 열고 Astro의 첫 번째 줄 작성을 따라 이 파일을 변경합니다.
GitHub 저장소 생성
-
파일 목록 상단의 Connect Repository 버튼을 누르고 저장소의 새 이름을 입력한 후 Create repo & push를 클릭하세요.
-
GitHub에 다시 커밋할 변경 사항이 있으면 작업 공간 왼쪽 상단에 “Commit” 버튼이 나타납니다. 이를 클릭하면 커밋 메시지를 입력하고 저장소를 업데이트할 수 있습니다.
사이트 배포
Netlify에 배포하려면 웹에 사이트 배포로 건너뛰세요. 그렇지 않으면 2단계로 건너뛰어 Astro로 구축을 시작하세요!
어떻게 진행되나요?
섹션 제목: 어떻게 진행되나요?이 단계에서는 GitHub에 온라인으로 저장되고 Netlify에 연결되는 새 프로젝트를 생성합니다.
코드를 작성하면서 주기적으로 변경 사항을 GitHub에 커밋하게 됩니다. Netlify는 GitHub 저장소의 파일을 사용하여 웹사이트를 빌드한 다음 누구나 볼 수 있는 고유한 주소로 인터넷에 게시합니다.
GitHub에 변경 사항을 커밋할 때마다 Netlify로 알림이 전송됩니다. 그런 다음 Netlify는 해당 변경 사항을 반영하기 위해 라이브 사이트를 자동으로 재빌드하고 다시 게시합니다.