시작 전 확인: 1단계 - 설정하기
이제 무엇을 만들지 알았으니, 필요한 모든 도구를 설정할 차례입니다!
이 단계에서는 개발 환경을 설정하고 Netlify에 배포하는 방법을 안내합니다. 이미 환경과 작업 흐름에 익숙하다면 2단계로 건너뛰세요.
온라인 코드 편집기에서 이 튜토리얼을 완료하고 싶나요? 아래 지침에 따라 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는 해당 변경 사항을 반영하기 위해 게시된 사이트를 다시 빌드하고 게시합니다.