이 장의 내용 · 5
10장10장의 Git은 내 컴퓨터 안에 기록을 남깁니다. 그런데 노트북이 고장 나면요? 다른 컴퓨터에서 이어서 작업하고 싶다면요? 이때 쓰는 곳이 GitHub입니다.
GitHub는 Git 기록을 인터넷에 올려 두는 서비스입니다. 코드의 클라우드 보관함이자, 여러 사람이 함께 작업하는 작업실입니다.
11.1Git과 GitHub, 뭐가 다른가요?
- Git: 기록하는 도구. 내 컴퓨터에서 동작합니다.
- GitHub: 그 기록을 올려 두는 웹사이트. 백업, 공유, 협업을 맡습니다.
11.2기본 흐름: 올리고, 받고
git push 내 컴퓨터의 커밋을 GitHub에 올리기
git pull GitHub의 최신 내용을 내 컴퓨터로 받기
git clone GitHub의 프로젝트를 통째로 내려받기처음 연결하는 과정은 조금 번거롭지만, AI에게 "이 프로젝트를 GitHub 새 저장소로 올려 줘"라고 하면 필요한 단계를 안내하거나 대신 해 줍니다. 로그인처럼 본인이 직접 해야 하는 단계도 있습니다.
11.3GitHub로 할 수 있는 일
- 백업: 컴퓨터가 고장 나도 코드가 안전합니다.
- 공개/비공개: 저장소마다 누구에게 보여 줄지 정할 수 있습니다. 개인 프로젝트는 비공개로 시작해도 됩니다.
- Pull Request: 바꾼 내용을 바로 합치지 않고, 검토를 거쳐 합치는 방법입니다. 혼자 작업할 때도 무엇이 바뀌었는지 한눈에 보기 좋습니다.
- 자동 검사(GitHub Actions): 코드를 올릴 때마다 테스트와 검사를 자동으로 돌립니다. 바이브공장장 홈페이지도 올릴 때마다 테스트, 타입 검사, 빌드, 보안 점검이 자동으로 돌아갑니다.
- 자동 배포: Vercel이나 Netlify 같은 배포17장 서비스와 연결하면, GitHub에 올리는 것만으로 사이트가 업데이트되게 할 수 있습니다.
11.4올리기 전에 확인할 것
- .gitignore: node_modules, .env 같은 파일이 제외되어 있는지 AI에게 확인을 부탁하세요.
- 라이선스: 남의 코드를 가져다 쓸 때는 라이선스를 확인하세요. 공개되어 있다고 마음대로 써도 되는 건 아닙니다.
11.5AI에게 이렇게 말해 보세요
- “이 프로젝트를 GitHub 비공개 저장소로 올리는 방법 알려 줘”
- “올리기 전에 비밀 키나 올리면 안 되는 파일이 없는지 확인해 줘”
- “지금까지 커밋한 거 GitHub에 올려 줘”
4부에서는 드디어 만들기를 시작합니다. 12장에서는 바이브공장장 수업에서 화면과 서버를 만드는 데 쓰는 도구, Next.js를 알아보겠습니다.
— 11장 끝 —