리포지토리를 온라인에 저장하기

이번에 배울 내용

이 튜토리얼에서는 리포지토리를 보관하고 웹 호스트에 연결하기 위해 GitHub를 사용합니다. 물론 다른 온라인 git 제공업체를 사용해도 됩니다.

GitHub 리포지토리 만들기

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

브라우저에서 GitHub.com에 로그인한 후, 화면의 오른쪽 상단에 있는 + 버튼을 클릭하여 새 리포지토리를 만드세요.
리포지토리의 이름을 입력하세요. 프로젝트 폴더의 이름과 같을 필요는 없습니다.
여러 옵션이 나타나지만, 기본값을 변경할 필요는 없습니다. 아래로 스크롤하여 Create Repository 버튼을 클릭하세요.
다음 단계를 위한 여러 설정 방법이 나타나지만, 이 중 어느 것도 사용할 필요는 없습니다. 리포지토리의 URL만 메모하세요. 이제 아무것도 하지 않고 이 페이지를 닫아도 됩니다.

이전 섹션에서 페이지의 내용을 수정했습니다. 이로 인해 프로젝트 파일이 변경되었고, VS Code의 “Source” 메뉴 아이콘 위에 숫자가 표시됩니다. 이 Source 탭은 GitHub의 파일을 업데이트하기 위해 자주 사용하게 됩니다.

VS Code에서 Source Control 탭을 클릭하면 변경된 파일의 목록을 확인할 수 있습니다. git을 설치하라는 메시지가 나타나면, 안내에 따라 git을 설치한 후 VS Code를 다시 시작하세요.
커밋 메시지 위에 있는 •••(점 3개) 메뉴를 클릭하고, Remote > Add Remote를 선택하세요.
Add remote from GitHub를 선택하세요. 필요하다면 인증 절차를 수행하고, VS Code로 돌아와 이 작업을 다시 시도하세요.
이제 GitHub에 있는 모든 리포지토리의 목록이 나타납니다. 이 프로젝트를 위해 만든 리포지토리를 선택하세요. 목록에 프로젝트가 나타나지 않으면, 해당 GitHub 리포지토리의 URL을 직접 붙여넣으세요. 리포지토리의 로컬 이름을 입력하라는 메시지가 나타나면 원하는 이름을 입력하세요.
메뉴 창 상단에는 커밋 메시지(파일 변경 사항에 대한 설명)를 입력할 수 있는 공간이 있습니다. 여기에 initial commit을 입력하고 Commit 버튼을 눌러 변경 사항을 커밋하세요.
”staged” 커밋이 없으므로 파일들을 스테이징할지 묻는 메시지가 나타날 수 있습니다. Always를 클릭하여 계속 진행하세요.
변경된 파일의 목록이 Publish 버튼으로 변경되어야 합니다. 이 버튼을 클릭하여 커밋된 변경 사항을 Github로 전송하세요.

프로젝트가 GitHub에 성공적으로 저장되었는지 확인하려면 GitHub.com에 접속하여 내 계정의 리포지토리 목록을 확인하세요. 새로 만든 리포지토리를 선택하여 Astro 프로젝트 파일이 모두 포함되어 있는지 확인하세요.