이번 시간에는 HTML을 학습하기 전 개발 코드를 관리하는 방법에 대해 살표보겠습니다.
일반 파일의 경우는 이동저장장치(USB, 외장하드)나 클라우드(네이버 등)로 많이 사용하고 있습니다.
하지만 이러한 방법은 변경되기 전 파일을 복구하거나 변경된 파일이 이전을 기준으로 어떻게 변경되었는지 추적하기가 힘들고, 변경된 이력을 살피기 힘듭니다.
이러한 정보들은 개발에 있어서 중요하기 때문에 개발 코드들을 관리하기 위해서 다른 방법이 필요하고, 그 방법 중 하나인 git을 소개합니다.
git에 대한 내용은 아래 링크를 참고하시거나 검색하면 됩니다.
코드를 관리하기 위해 다음의 절차를 진행해야합니다.
1. GitHub 사이트에서 회원 가입
2. GitKraken 다운로드 및 설치
3. GitKraken과 github 계정 연동
4. Repository(저장소)생성
5. Repository Clone(저장소 복사) : 온라인 저장소에 있는 내용들을 내 PC로 복사
6. Commit : 내 PC에서 수정된 내용에 대한 이력을 남김
7. Push : 내 PC에서 수정된 이력을 온라인 저장소에 업데이트
과정 1,2는 진행하시면 되고 과정 3부터 따라 진행하면 됩니다.
3. GitKraken과 github 계정 연동
- GitKraken 실행
- 메뉴 File > Preferences... 클릭
- Authentication 클릭 > GitHub.com 클릭 > Connect to GitHub 클릭
- 브라우저(크롬 또는 익스플로러)가 열리면서 아래와 같은 창이 열리면 Continue Authorization 클릭
- 가입한 GitHub 계정으로 로그인 하면 다음과 같은 화면이 뜹니다.
- 다시 GitKraken으로 가서 Generate SSH Key and add to GitHub 클릭하면 연결이 완료됐습니다.
4. Repository(저장소)생성
- 이번엔 저장소 생성을 위해 GitHub 홈페이지로 가 로그인을 한 후 Start a project를 클릭
- 원하는 저장소 이름(영어로)을 설정 하고, 접근 권한(Public or Private)을 설정합니다. GitKraken 무료 버전에서는 Private이 지원이 안될 수도 있기 때문에 Public을 선택합니다.
- 선택사항이긴 하지만 Initialize this repository with a README를 체크합니다.
- Add.gitignore를 클릭하여 java를 선택
- 저장소 생성 후 화면
5. Repository Clone(저장소 복사) : 온라인 저장소에 있는 내용들을 내 PC로 복사
- GitKraken을 실행합니다.
- 메뉴 File > Clone Repo 클릭
- GitHub.com 클릭 > 원하는 저장소(project) 클릭 > Browse 클릭
- 복사할 내 PC 위치 선정(예시에는 바탕화면) 훟 폴더 선택
- Clone the repo! 클릭 > Open Now를 클릭
- 클론 완료 후 화면
- 클론 완료 후 저장한 폴더에 복사한 내용들이 생겼을 것입니다.
6. Commit : 내 PC에서 수정된 내용에 대한 이력을 남김
- 내 PC에 복사된 폴더로 가서 test.txt라는 빈 파일을 생성합니다.
- .git 폴더는 기본 숨김설정으로 되어 있기 때문에 안보인다면 폴더 설정에서 숨김 보임을 하시면 보입니다.
- 파일 추가 후 GitKraken 화면
- 변경된 내용 선택 > 변경 이력을 남길 파일에 마우스를 댄 후 Stage File 클릭
- Summary에 남길 내용을 입력 > Comit changes to 1 files 클릭
7. Push : 내 PC에서 수정된 이력을 온라인 저장소에 업데이트
- Push 하기 전 GitKraken을 보면 master가 2개 보입니다. 위에 있는 master는 내 PC버전이고 아래 있는 master는 온라인 저장소 버전입니다.
- Push는 온라인 저장소버전을 내 PC 버전으로 맞춰주는 역할을 합니다.
- Push 버튼 클릭 후 GitKraken 화면
- Push 후 온라인 저장소 화면
이상으로 코드 관리하는 법을 살펴봤습니다.
과제 : 이 과정을 따라서 한 후 수정된 온라인 저장소 주소를 보내주세요.
예시 : https://github.com/st8324/proejct