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