사전 강의를 끝내고 처음으로 본격적으로 개발에 뛰어든 날이다. 오늘은 내 개발코드를 지키기 위해 그리고 동료들과 함께 개발을 해나갈 수 있도록 git과 git hub에 대해 공부했다. git hub를 사용하며 필요한 명령어와 협업해 나가는 과정을 간단히 정리해 보겠다. 말 그대로 git & git hub 기초.
리눅스 명령어
우선 비쥬얼 스튜디오 코드의 터미널을 통해 간단히 조작 가능한 리눅스 명령어를 정리해 보겠다.
-pwd(print working directory)
현재 작업하고 있는 디렉토리(폴더비슷)를 보여달라는 명령어로 치면 현재 위치하고 있는 위치가 뜬다.
-ls(list)
현재 위치해 있는 곳에 있는 폴더와 파일들이 보인다.
-ls -a (list all) (에스 다음 띄어쓰기)
현재 위치해 있는 곳에 있는 숨겨진 파일 모두 볼 수 있다.
-cd 폴더명(change directory)
폴더 위치를 명령어이다. ls 명령어에서 확인된 폴더로 이동이 가능하다
- cd Desktop -> 데스크탑으로 위치 변경 됨
- cd sparta/ ->스파르타 폴더 위치로 들어가 짐
- cd .. -> 한 단계 위 폴더로 올라간다
- cd 폴더명/폴더명(desktop/sparta) -> 폴더를 두 번 들어간 효과
-mkdir (make directory)
현재 경로에서 폴더를 생성하는 명령어
-Touch 파일명
현재 경로에서 파일을 생성하는 명령어이다. (정확히는 파일의 생성과 날짜 시간 변경하는 명령어)
Touch test.txt -> 현재 경로에 파일 생성
Git & Git hub의 개념
- Git - 코드 변경점 기록
소프트웨어의 변경사항을 체계적으로 추적하고 통제하는 것 (-> 면접용 답안)
- Git hub - 온라인 백업과 공유, 협업이 가능한 온라인 코드 저장소
Git 필수 명령어
1. git init
코드 관리를 시작하는 명령어
Initialize (초기화하다, 초기 세팅하다)의 준말
프로젝트 시작 전 딱 한 번만 입력하면 됨
***정확한 프로젝트 폴더(경로)에서 입력해야 함
명령어 입력하면 .git이라는 폴더가 생기면서 코드 변경을 git에서 추적함
2. Git add & commit
코드를 저장하는 명령어
Git add 파일명 -> 저장할 파일 지정
Git add . -> 현재 나의 경로에 있는 모든 것 지정
Git commit -m “메세지 작성” -> 실제로 저장
3. git status
저장 여부 확인하는 명령어(변경상태)
저장 안 된 거 하라고 빨갛게 add 뜸
4. git log
저장 내역을 확인하는 명령어
내가 commit 한 내역들 모두 나온다.
커밋메세지로 코드 변경점 추측 가능하기 때문에 커밋 내용을 잘 써야 한다.
log에서 빠져나올 때는 q로
5. git push
추가로 수정된 코드 github으로 코드 백업하기
-코드 수정
-코드 저장 명령어 실행 (git add . & git commit -m “메세지”)
-Git push origin 브랜치명
* 첫 업로드 시 3개의 명령어 의미
1.git remote add origin <github 주소>
2.git branch -M main
3.git push -u origin main
github 협업하기 + 충돌 해결하기
1) 협력자(collaborator) 등록하기
팀원들 초대한다.
2) git clone
코드를 복사해 오기
Git clone <git주소> . ->’.’ 빼먹지 말기(추가 폴더 변경 원치 않는다면)
3) git pull
다른 사람 코드 내 코드에도 가져오기
내 거 git push 하기 전에 문제 되지 않도록 사용한다.
push 했는데 에러 뜨고 안되면 git pull을 하면 된다.
4) 충돌 발생
같은 파일의 같은 위치 코드가 변경되었다면 충돌이 발생한다.
충돌 상태에서 '<<<<<HEAD / =====삭제 / >>>>>>418..'
이 순서로 삭제 후 충돌한 코드 중 협의하여 원하는 코드로 수정한다.
실제로 실행하며 더 많은 오류와 충돌이 있었지만 모두 해결하기에는 아직 git과 git hub가 손에 익지 않았다. 받은 자료를 보고 검색, 이것저것 눌러보는 방법을 통해 탐색해 본 하루였다고 생각한다. 그렇지만 앞으로 팀원들과 함께 일을 해나가려면 필수인 프로그램이기 때문에 공부와 발생할 수 있는 오류들에 대해 찾아보고 공부해야겠다고 다짐하는 하루다.
'개발 기초 다지기' 카테고리의 다른 글
| 내일배움캠프 6일차 : 자바스크립트 기본 문법 (0) | 2024.04.22 |
|---|---|
| 내일배움캠프 5일차 : CSS flex속성으로 버튼 2개 가운데 정렬하기 (0) | 2024.04.19 |
| 내일배움캠프 4일차 : CSS로 로컬이미지 background 만들기 (1) | 2024.04.18 |
| 내일배움캠프 3일차 : 파이어베이스를 통한 방명록 만들기 (0) | 2024.04.17 |
| 내일배움캠프 2일차 : 기초 html과 CSS를 활용한 웹페이지 제작 (0) | 2024.04.16 |
댓글