Service
home
WOW Onboarding
home

github Desktop을 이용한 과제 제출

안녕하세요. 운영진 율리입니다.
오늘은 여러분께서 기초 웹 스터디에서 열심히 공부한 과제 내용을 잘 제출할 수 있도록 도움을 드리기 위하여 가이드라인을 드릴 거예요.
아래 내용을 차근차근 따라와 보세요!!

0. 숙제 제출 레포지토리를 만들어주세요!

구글에 github를 입력하고, 아래 링크로 접속해주세요.
회원가입을 진행한 이후, 자신의 레포지토리로 들어가보세요.
오른쪽 상단에 있는 자신의 계정 아이콘을 누르고 Your respositorires를 클릭해주세요~
그럼 이렇게 자신의 레포지토리가 뜨게 될 것인데 아직 여러분은 레포지토리가 없기 때문에 오른쪽 화면이 빈 화면이겠지요? ㅎㅎ 자. 이제 레포지토리를 만들기 위해 오른쪽 상단에 있는 녹색 NEW 버튼을 눌러주세요.
new 버튼을 누르면 생성되는 화면이에요.
여기서, 여러분이 꼭 지켜 주셔야 하는 사항이 있어요. 원활한 과제 체크를 위하여
1번의 Repository name을 꼭 2023-1-OC-Web-Study로 설정해주시고, 2번의 공개 여부Public으로 설정해주세요. 이 두가지는 여러분이 과제를 잘 제출했는지 확인하기 위해서 꼭 지켜져야 하는 사항입니다.
Description은 여러분의 레포지토리에 대하여 설명을 작성할 수 있는 부분이고, README file도 마찬가지로 레포지토리에 대한 긴 설명을 작성할 수 있는 파일인데, 작성해도 되고 작성하지 않아도 되므로 취향에 따라서 선택해주세요~
마지막으로 4번의 Create repository 버튼을 누르게 되면 짜잔! 레포지토리가 잘 생성됩니다.
저는 Readme 파일을 추가하였기 때문에 레포지토리의 이름과 설명이 자동으로 들어가 있네요~
이렇게 하면 과제 제출을 위한 레포지토리를 생성 완료하였으니 이제 진짜로 제출해볼까요?

1. github Desktop이 무엇인가요?

github Desktop은 git에 관련된 소스들을 쉘을 이용하여 Command를 작성하는 것이 아니라, 눈에 github의 작동이 한번에 보일 수 있도록 GUI(Graphic User Interface)을 이용하여 편하게 git을 관리할 수 있는 Tool 이에요. 직접 쉘에 명령어를 입력하는 것이 아니라 직관적인 버튼과 이미지로 git을 이용할 수 있도록 해요.
이렇게 쉘에 직접 command를 작성하는 건 나중에 배우도록 해요~
이렇게 내가 작성하는 github 관련된 명령을 한눈에 관리하기 쉽도록 해요!

2. github Desktop 설치

위의 링크로 이동해서 먼저 github Desktop을 설치해주세요, 윈도우 사용자라면 아래 버튼을 누르고,
맥 사용자라면 mac OS전용 github desktop을 다운로드 해주세요.
필자는 윈도우 운영체제를 사용하고 있기 때문에 Download for Windows(64bit)를 클릭하고 윈도우 버전을 설치해 볼게요~
exe 파일을 다운로드 했길래 눌렀더니 현재 설치중이라고 친절하게 안내하고 있어요! 반짝거리는 별이 참 예쁩니당.
설치가 완료되었으니, Sign in to GitHub.com 버튼을 눌러 github을 통하여 로그인 해보도록 할게요! 다들 github 계정은 만드셨죠?!
아이디와 비밀번호를 치고 github 아이디를 이용하여 github Desktop에 로그인하도록 합시다. 새로운 창이 뜨지 않고 github Desktop 내에서 github 아이디와 비밀번호를 입력하라고 하면 그렇게 해주시고, git configure 과정에 등장하는 자신의 사용자명과 이메일을 확인한 이후, 다음 화면으로 넘어가 주세요!
다음 화면은 github Desktop을 이용하여 어떤 레포지토리를 관리할 것인지 물어보고 있어요. 우리는 github에서 숙제 제출을 위한 레포지토리를 생성 완료했으니, 두번째 버튼인 Clone a Respository from the Internet 버튼을 클릭해요. 그럼 저희가 만든 레포지토리를 어떻게 github desktop이 인식할 수 있도록 해야 할까요?
빨간색 체크표시가 있는 곳을 클릭하면 자동으로 https 링크가 복사돼요.
저희가 만든 레포지토리를 local 컴퓨터에 clone(복사해오기)위해서 https 링크를 복사해와야 해요. 오른쪽 상단의 녹색 code 버튼을 누르면 해당 팝업창이 뜨게 되어요. clone 파트의 https 버튼을 클릭하고, 해당 레포지토리의 https 링크를 복사해옵시다.
레포지토리에 복사해온 https 링크를 붙여넣기 해주시고, local path에는 github에서 클론해온 레포지토리를 저장할 파일 경로를 지정하는 거예요. 저는 C드라이브의 githubfile이라는 곳에서 github에서 클론해온 파일들을 주로 관리해주기 때문에 해당 파일로 설정했어요. 이 때 자신이 지정한 파일의 경로를 잘 기억하고 있어야 해요. 해당 파일 내에서 과제를 제출하고, WIL을 제출할 것이기 때문에 자신이 잘 사용하는 파일 경로로 설정해두길 바라요!
또한, github에서 가끔 파일 경로에 한글이 포함되면 예기치 못한 에러가 발생하는 경우가 있으니, 파일 경로는 되도록 영어로만 설정해주세요.
이렇게 하면 github에 존재하는 자신의 레포지토리를 local 컴퓨터로 가져올 수 있게 되어요.
짜잔~ 여기까지 완료하였으면 github Desktop을 이용하여 과제 레포지토리를 local에 정상적으로 clone해왔습니다!!!

3. 과제 제출

과제 제출 형식은 아래 레포지토리를 참고해주세요!
과제 제출을 매주 진행할 때마다, 해당 주차에 맞는 폴더를 생성하고, 해당 폴더 안에 WIL을 작성한 md 파일과 과제로 작성한 코드를 제출하면 돼요.
저와 같이 차근차근 따라 해봅시다.
위에서 github desktop을 이용하여 자신의 레포지토리를 클론해온 경로를 기억하라고 했죠?
그 폴더로 이동하여 어떻게 되어 있는지 확인해봅시다.
.git 파일이 보이나요? 정상적으로 클론을 완료하였다면 해당 파일이 존재해야 합니다. 숨김폴더 이므로 일반적으로 보이지 않고, 폴더 안에 숨겨진 폴더까지 볼수 있도록 속성을 변경하면 보여요.
보기 탭을 선택하고, 표시 항목에 들어가서 숨김 파일 표시를 클릭하면 .git 폴더를 볼 수 있어요.
README.md 파일은 제가 readme를 레포지토리 만들 때 추가하였기 때문에 있는데, 없어도 되니까 너무 신경쓰지 마세요!
.git 파일은 저장소라고 하는데, 그의 역할은 2023-1-OC-Web-Study 폴더 안의 모든 파일을 추적하여, 트래킹해요. 그래서 해당 폴더에서 일어나는 모든 변경 내용을 저장하여 관리할 수 있도록 해주는 폴더예요. 이 폴더를 지우게 되면 더이상 깃으로 local 폴더의 변경사항을 추적할 수 없으니 절대 절대로 지우지 않도록 해요!
이제 1주차 과제를 한번 제출해볼까요? 먼저 Week 1 이라는 폴더를 생성해주세요.
매 주차 과제를 제출할 때 꼭 해당 주차에 맞는 폴더를 생성해주세요. 양식은 Weekn (n은 해당 주차 숫자) 입니다.
과제를 제출하는 폴더명은 꼭 지켜주세요. 2주차면 Week2, 3주차면 Week3로 생성되겠죠? 사람이 과제 제출을 일일이 체크하는 것이 아닌 ,디스코드 봇이 자동화된 코드로 과제 제출을 체크하기 때문에 정해진 형식을 지키지 않으면 제출한 과제가 미제출 처리될 수 있어요.
자, 그럼 Week1 폴더 안에서 해당 주차에 부여된 과제를 수행해 주세요.
제가 예시로 Week1 폴더 안에 과제를 수행했어요. 과제 수행은 저와 같이 과제 수행 파일 + WIL 작성한 markdown(md) 파일 이 존재해야해요.
만약 과제가 없는 주차면 해당 주에 배운내용을 정리한 WIL.md 파일만 존재하면 돼요.
이제 과제를 다 했으니까 github Desktop을 통하여 제출해볼게요.
github Desktop을 실행시켜 보겠습니다!
두 개 파일을 수정했으니까 2 changed files라고 뜨고, 오른쪽에는 어떤 코드가 변경되었는지 한눈에 볼 수 있는 창이 존재해요. 이제 commit을 통하여 저장소에 변경 사항을 기록해보도록 합시다.
commit 내용은 아래와 같은 양식을 지켜 주세요!
“Weekn 과제 제출” (n은 해당 주차를 입력해주세요)
commit을 작성합니다.
commit을 완료하게 되었으니까 원격 저장소에 변경 내용이 기록되었어요. 이제 push origin 버튼을 통하여 나의 원격 레포지토리에 과제를 업로드해봅시다
짜잔! 이렇게 하면 수행한 과제가 나의 원격 레포지토리에 잘 업로드된것을 확인할 수 있지요 이렇게 하면 해당 주차의 과제 제출이 완료된 것입니다!
어려운 내용이 있거나, 중간에 막히는 내용이 있다면 꼭 운영진에게 연락해주세요. 저의 레포지토리를 참고용으로 남겨둘테니, 과제 제출 예시는 아래 레포지토리를 참고해주세요!