[Git,Github]EP.2 - Git 버전 관리하기

ICEBREAK ❄💔 : 서울 미세먼지 장난 없습니다. 코로나 아니어도 마스크 써야할지도...

🔴열정으로 임하습니다.🔴

---

🚨시작하기 전, SourceTree와 VisualStudio Code를 설치하고 초기 설정을 해주세요🚨

📌로컬저장소를 SourceTree에 불러오기

제 블로그에 있는 Git,GitHub - EP.1에 이어서 내용 작성할게욥!

 

지난번까지 검정 바탕의 CLI환경에서 진행했었는데요. 인간은 시각을 중요하게 여기는 동물이다보니 아무래도 조금 어려운 감이 있었습니다. 그래서 GUI프로그램인 SourceTree를 사용하는 법을 알려드릴게요!

 

1️⃣소스트리를 실행하고 상단 탭에서 [Add] 버튼을 눌러주세요.

상단 [Add] 버튼 클릭

 2️⃣[탐색] 버튼을 누르고 [iTshirt-cat] 폴더를 찾아 [폴더 선택]을 클릭합니다.

이것도 못 따라오는 사람은 없겠죠?

3️⃣파란색 [추가] 버튼을 눌러주세요.

아래 [추가] 버튼 보이시죠?

4️⃣성공적으로 추가되었습니다! 좌측 [History] 탭을 클릭하면 이전 커밋이 보입니다.

잘 따라오셔서 다행입니다😊

첫 번째 사진을 보시면, 십자가 밑에 [Create] 버튼을 확인할 수 있는데요. 이 버튼은 우리가 이전 글에서 GitBash 창에 입력했던 '$ git init' 명령어와 동일한 기능을 수행합니다 :)

 

📌VS Code로 파일 만들고 수정하기

메모장으로 파일을 읽고 쓰는 것은 학습에 있어선 매우 중요하겠지만, 실무에서는 번거롭고 귀찮기만 하겠죠? 이제부터 메모장 대신 VisualStudio Code를 통해 파일을 만들고 수정하도록 하겠습니다!

 

1️⃣VisualStudio Code를 실행해 주세요! 저는 찾기 쉽도록 시작화면에 고정시켜 놨습니다. 물론 검색해서 실행하는 방법 등 많은 방법이 있습니다.

이러면 찾기 쉽겠죠?

2️⃣[File-Open Folder]를 클릭해 주세요.

언어팩 다운로드? 상남자는 그런거 안합니다.

3️⃣[iTshirt-cat] 폴더를 선택하고 [폴더 선택]을 누릅니다.

저는 책 그대로 따라할 뿐입니다. 물론 폴더 이름도요

4️⃣이전 글에서 만들었던 README.txt 파일이 보이네요.

책 그대로 따라하지만, 저런 문구들 보면 저도 오글거리네요

5️⃣VS Code에서 직접 파일을 만들어 보겠습니다. [File - NewFile]을 클릭하고 'tshirt-list.md' 를 입력해 주세요. 그리고 열린 파일에 그림과 같이 내용을 적은 후 'Command + S(File - Save)' 를 눌러 저장해 주세요!

문제가 생기면 댓글 주세요!

6️⃣ 같은 방법으로 'feature-list.md' 파일도 만들어서 아래와 같이 적어주세요!

지금까지 'md'확장자를 이용해 왔는데요. '.md'확장자는 '마크다운 문서'라고도 합니다.
다른 프로그래밍 언어처럼 약간의 문법이 있습니다.
"#" 기호를 붙이면 제목이 되고, "```sh ````"를 사용하면 보기 쉬운 코드로 나타낼 수 있죠.
GitHub 등 마크다운 문법을 지원하는 사이트에 올려야만 보입니다!

 

📌SourceTree에서 커밋 만들기

SourceTree 앱을 열어보면 아래 사진과 같이 "커밋하지 않은 변경사항"과 '스테이지에 올라가지 않은 파일'에 만들었던 두 개의 파일이 있으면 잘 따라 온 것입니다. 에러가 발생한다면 댓글 달아주세요! 최대한 도와드릴게요~

다들 잘 따라 오셨길 바랍니다.

1️⃣커밋을 만들어 보겠습니다. [커밋] 버튼을 눌러주세요(누르면 View가 바뀝니다). 그 다음 "+" 버튼을 눌러주세요!

2️⃣이렇게 올라간 모습을 확인할 수 있습니다. Git Bash 에서 아래 명령어를 입력한 것과 같은 기능을 수행합니다.

$ git add feature-list.md
$ git add tshirt-list.md

3️⃣그 이후, 아래 텍스트박스에 메시지를 적은 후 [커밋]버튼을 눌러주세요. 이 작업은 Git Bash에서 아래 명령어를 입력한 것과 같은 기능을 수행합니다.

$ git commit -m "~~~"

4️⃣잘 따라 오셨다면, 아래 사진과 같은 화면을 볼 수 있을 것입니다.

커밋 메시지를 적는 것을 귀찮아 하면 안됩니다.
귀찮다고 커밋 메시지에 '.' 혹은 'ㅇㅇ' 이렇게만 적어버리면 나중에 작업할때나 동업자들이 힘들어 할 수 있습니다.
귀찮더라도 최대한 공들여서 작성하기 바랍니다.

---

Git, Github EP.2 어떠셨나요? 다들 잘 따라 오셨나요? 궁금한 질문이 생기면 댓글로 달아주세요. 확인해서 답변 달아드리겠습니다!!

 

😊아래 몇 가지 사항들을 추가로 공부해 보세요😊

++SourceTree를 사용해서 GitHub에 PUSH해보기

 

다음 시간에는 브랜치를 만들어보고 실습해 보도록 하겠습니다. 긴 글 읽어주셔서 감사합니다 :)