1. 로컬에서 변경사항 작업
프로젝트 파일을 수정하고, 변경사항을 개발하면서 로컬에서 테스트합니다. 이는 코드 에디터에서 직접 이루어집니다.
2. 변경사항 스테이징하기
변경사항을 스테이징 영역에 추가합니다. 터미널에서 다음 명령어를 사용하세요:
1
|
git add .
|
cs |
특정 파일만 스테이징하려면, 파일명을 지정합니다:
1
|
git add path/to/your-file
|
cs |
3. 변경사항 커밋하기
스테이징된 변경사항을 커밋합니다. 좋은 커밋 메시지는 변경 내용을 명확하게 설명해야 합니다:
1
|
git commit -m “변경사항에 대한 설명”
|
cs |
4. 변경사항을 GitHub에 푸시하기
커밋된 변경사항을 GitHub 리포지토리에 푸시합니다. 주로 사용하는 브랜치가 main
이라면 다음 명령어를 사용하세요:
1
|
git push origin main
|
cs |
다른 브랜치를 사용하는 경우, main
대신 해당 브랜치 이름을 사용합니다.
5. GitHub Pages에 배포하기
로컬에서의 변경사항을 GitHub Pages에 반영하려면, 이전에 설정한 deploy
스크립트를 다시 실행합니다.
1
|
npm run deploy
|
cs |
이 명령은 빌드 프로세스를 실행하고, 빌드된 파일을 gh-pages
브랜치에 푸시하여, GitHub Pages가 자동으로 업데이트되도록 합니다.
6. 변경사항 확인하기
npm run deploy
명령이 성공적으로 완료된 후, 몇 분 기다린 뒤 GitHub Pages에서 제공하는 URL을 통해 웹사이트에 접속하면, 새로운 변경사항을 볼 수 있습니다. 때로는 브라우저 캐시를 지워야 새로운 변경사항이 반영된 것을 볼 수 있습니다.
이 과정을 통해 프로젝트의 수정사항이나 변경사항을 지속적으로 관리하고 반영할 수 있습니다. GitHub와 GitHub Pages를 사용하면 소스 코드 관리와 프로젝트 배포를 효율적으로 수행할 수 있습니다.