저장소를 온라인에 저장하세요

요구 사항

이 튜토리얼에서는 GitHub를 사용하여 저장소를 저장하고 웹 호스트에 연결합니다. 원하는 온라인 Git 제공업체를 사용해도 됩니다.

GitHub에 저장소 만들기

GitHub에 로컬 코드를 저장하는 방법에는 여러 가지가 있지만 이 튜토리얼에서는 명령줄에서 git을 사용할 필요가 없는 방법을 안내합니다.

브라우저에서 GitHub.com에 로그인하고 화면 오른쪽 상단의 +를 클릭하여 새 저장소를 만듭니다.
저장소 이름을 선택합니다. 프로젝트 폴더와 이름이 같을 필요는 없습니다.
옵션이 표시되지만 기본값을 변경할 필요는 없습니다. 아래로 스크롤하여 Create Repository 버튼을 클릭하세요.
다양한 설정 다음 단계가 표시되지만 그 중 어느 것도 사용할 필요는 없습니다. 저장소의 URL을 기록해 두세요. 이제 아무 작업도 하지 않고 이 페이지를 종료할 수 있습니다.

마지막 섹션에서는 페이지 콘텐츠를 변경했습니다. 이는 프로젝트 파일이 변경되었으며 VS Code가 “Source” 메뉴 아이콘 위에 숫자를 표시해야 함을 의미합니다. 이 소스 탭은 GitHub에서 파일을 업데이트하기 위해 정기적으로 이동하는 곳입니다.

VS Code에서 Source Control 탭을 클릭하여 변경된 파일 목록을 확인합니다. git을 설치해야 한다는 메시지가 표시되면 제공된 지침을 따른 다음 VS Code를 다시 로드하세요.
커밋 메시지 위의 ••• “점 3개” 메뉴를 클릭하고 Remote > Add Remote를 선택합니다.
Add remote from GitHub를 선택하세요. 필요한 경우 인증 단계를 따른 다음 VS Code로 돌아가 이 작업을 반복합니다.
GitHub의 모든 저장소 목록이 표시됩니다. 이 프로젝트를 위해 생성한 것을 선택하세요. 프로젝트가 표시되지 않으면 GitHub URL을 직접 붙여넣으세요. 이 저장소에 로컬 이름을 지정하라는 요청을 받을 수도 있습니다. 원하는 이름을 선택할 수 있습니다.
메뉴 창 상단에는 commit message (파일 변경 사항에 대한 설명)를 입력할 수 있는 공간이 있습니다. initial commit을 입력하고 Commit 버튼을 눌러 변경 사항을 커밋하세요.
“staged” 커밋이 없다는 메시지와 함께 스테이징할지 묻는 메시지가 표시될 수 있습니다. Always을 클릭하고 계속하세요.
마지막으로 변경된 파일 목록이 Publish 버튼으로 대체되어야 합니다. 커밋된 변경 사항을 GitHub에 보내려면 이 버튼을 클릭하세요.

프로젝트가 GitHub에 성공적으로 저장되었는지 확인하려면 GitHub.com을 방문하여 계정에서 저장소 목록을 확인하세요. 생성한 새 파일을 선택하고 Astro 프로젝트 파일이 포함되어 있는지 확인하세요.