본캠프 시작😎😎😎 + Git, Github

하루 요약

드디어 오늘부터 스파르타 내일배움캠프 Spring 트랙이 시작되었다!!
아침 9시부터 오후 9시까지 쭉 이어지는... 12시간 공부라는 것을 마주하게 되었는데 오전에 본캠프에 대한 OT를 듣고 나니까 오전이 삭제되어 있었다.. 😮😮

OT에서는 주의 사항, 훈련장려금 등등 필요한 내용에 대해서 담당 매니저님께서 설명을 해주셨고, 곧바로 이어서 Chapter 1. 미니프로젝트의 진행에 대해 자세하게 알려주셨다.
본캠프 첫 주부터 프로젝트라고 해서 겁을 먹었는데 다행히 내가 사전 캠프동안 배웠던 웹 종합 개발 강의를 토대로 웹 페이지를 만들어서 금요일에 발표하는 프로젝트였다.

새로 만난 팀원들과 간단하게 자기소개를 하고 프로젝트를 시작하기 앞서 S.A라는 것을 작성했다.
간단하게 말하면 프로젝트 계획서의 느낌이었다!
팀명, 프로젝트명, 역할 분담, 와이어 프레임, 개발일정 등등을 팀원들과 상의해서 작성하고 본격적으로 프로젝트를 시작했다.

점심을 먹고 나서 2시에는 Git & Github에 대해서 튜터님께서 설명해 주시는 세션 시간을 가졌다.

세션이 끝난 후, 나와 팀원 1분이 같이 메인 페이지를 담당해서 메인 페이지의 뼈대 HTML를 작성했다.
하지만 막상 만들고 보니 페이지가 생각보다 눈에 잘 들어오지 않았다....
그래서 다시 페이지에 대한 고민을 하였고.. 예시에 있는 프로젝트를 참고하여 눈에 잘 보이도록 와이어 프레임을 새로 디자인했다!

이것이 메인 페이지의 최종 와이어 프레임이다!!
와이어 프레임을 토대로 팀원분이 상단 내가 하단을 담당해서 페이지를 만들기 시작했다!

 

Git & Github 뿌시기 😎 

필수 리눅스 명령어

pwd (print working directory)
현재 내가 작업하는 폴더를 보여달라는 뜻이다.

✔️ 참고

~ 는 Home(홈)이라는 경로이며, 우리가 보는 데스크탑보다 더 상위의 폴더를 말한다.

ls
내 폴더 안에 있는 폴더 & 파일 내역들을 보여준다.

ls - a (list all)
숨겨진 파일(보통 .으로 시작한다.)도 모두 볼 수 있다.

cd 폴더명 (change directory)
ls 명령어에서 확인된 폴더로 이동 가능하다.
마치 데스크탑의 폴더를 더블 클릭해서 들어간 것과 같은 효과이다.

• .. : 한 단계 위의 폴더라는 뜻이다.
• 폴더명/폴더명으로 한 번에 더 깊이 들어갈 수 있다.

mkdir 폴더명 (make directory)
현재 경로에서 폴더를 생성하는 명령어이다.

touch 파일명
현재 경로에서 파일을 생성하는 명령어이다.

✔️ 참고

정확히는 파일의 생성과 파일의 날짜, 시간을 변경하는 명령어이다.

 

Git & Github 개념

Git

코드 변경점 기록이다.
버전 관리 도구 (형상 관리 도구)
소프트웨어의 변경사항을 체계적으로 추적하고 통제하는 것이다. (면접용)

Github

백업과 공유가 가능한 온라인 코드 저장소이다.
Girhub으로 백업, 공유, 협업이 가능하다.

 

Git 필수 명령어

git init

코드 관리를 시작하는 명령어이다.
initialize(초기화하다, 초기 세팅하다)의 줄임말.
프로젝트 시작 전 딱 한 번만 입력하면 된다. → 여러 번 입력한다고 문제가 되지는 않는다.
정확한 프로젝트 폴더(경로)에서 입력해야 한다. → 잘못하면 데스크탑 전체 파일, 폴더가 기록될 수 있다.

git add & commit

git add 파일명
git commit -m "메시지 작성" → 메시지 부분은 내가 무슨 코드를 짰는지 자세하게 적는 것이 좋다.

저장 명령어가 2개인 이유
git add 파일명 → 저장하기 전 저장할 파일을 지정한다.
git commit -m "메시지 작성" → 실제로 저장하는 명령어이다.

파일을 한 번에 저장하는 방법
git add .
git commit -m "메시지 작성"

git status

저장 여부를 확인하는 명령어이다.

git log

저장 내역을 확인하는 명령어이다.
commit 메시지로 코드 변경점을 추측할 수 있다.
키보드 q로 빠져나올 수 있다.

 

Github으로 코드 백업하기

github의 사용 이유 : 백업, 공유, 협업

1. 온라인 저장소(github repository)를 만들기
2. 내 코드를 Github repository로 업로드하기
3. 추가로 수정된 코드 github에 반영하기 - git push

첫 업로드 시 3개의 명령어
git remote add origin <github 주소>
git branch -M main
git push -u origin main

 

Github 협업하기 + 충돌 해결하기

1. 초기 프로젝트 코드 작성
2. github 레포지토리 생성
3. 코드 github에 올리기 (git push)

팀장이 repository를 만들어서 협력자(collaborator)로 팀원들을 등록한다.
초대받은 팀원들은 git clone 코드를 이용해서 코드를 복사해 온다.
팀원들도 코드를 수정하고 github에 올린다. (git push)
다른 사람이 변경한 코드를 내 코드에도 가져오기 위해서 git pull 코드를 활용한다.

다른 사람이 이미 git push를 하고 내가 이어서 git push를 하려고 하면 에러가 발생한다.
이런 에러가 발생했을 때 git pull을 먼저 실행하고 git push를 실행하면 문제가 사라진다!

충돌(Conflict) 해결하기
충돌이 발생하는 이유는 같은 파일의 같은 위치에 코드가 변경되었기 때문이다.

이 상태에서 git pull을 하게 되면 충돌된 상태를 보여준다.
여기서 <<<<< HEAD 부분과 =======, >>>>>>>... 부분을 삭제하고 원하는 코드로 수정하면 된다.

충돌을 해결한 후 다시 git push를 하면 정상적으로 코드가 저장이 된다.