728x90
Git / GitHub란?
들어가기에 앞서 Git과 GitHub가 무엇인지부터 알아야 한다.
Git
- 로컬에서 관리되는 버전 관리 시스템 (VCS : Version Control System)
- 소스코드 수정에 따른 버전을 관리해주는 시스템
GitHub
- 클라우드 방식으로 관리되는 버전 관리 시스템(VCS)
- Git Repository를 위한 웹 기반 호스팅 서비스
- 오픈소스는 일정 부분 무료로 저장 가능, 아닐 경우 유료 사용
- 분산 버전 제어, 액세스 제어, 소스 코드 관리, 버그 추적, 기능 요청 및 작업 관리를 제공
따라서,
Git은 버전 관리 프로그램이고
Github는 버전 관리, 소스 코드 공유, 분산 버전 제어 등등이 가능한 원격 저장소
Git 설치 방법
1. Git 홈페이지 가기
Git
git-scm.com
2. 다운로드 받기(자신에게 맞는 OS로)
3. 모두 Next 누르기
굳이 따로 설정할 필요x
설치 끝!
Git 환경설정 해주기
1. 컴퓨터에 있는 git Bash 열어주기
2. git config --global user.name "본인이름" 작성 후 Enter
3. git config --global user.email "본인 이메일" 작성 후 Enter (깃허브 가입 할 때 이메일)
4. git config --list로 잘 됐나 확인 해보기 (user.name과 user.email이 잘 들어갔나만 확인하면 됨)
종료!
Git으로 GitBub에 프로젝트 올리는 법
1. 깃허브에 새로운 repository(저장소) 만들기
2. VSCode에서 터미널로 가기
VSCode 열기 > 상단에 Terminal 클릭 > New Terminal 클릭
3. 명령어 작성하기
git init > git add . > git status > git commit -m "메시지" 순으로 작성
- git init: .git 파일을 생성하는 것으로 맨처음 프로젝트를 올리때만 사용하면 됨
- git add .: 선택한 프로젝트 폴더 내의 모든 파일 관리(특정한 파일만 관리하고 싶다면 .말고 파일명 작성)
- git status: 확인
- git commit -m "메시지": 커밋 히스토리 작성
4. 깃허브와 연결하기
6번째 줄에 있는 코드 가져와서 터미널에 붙여넣기
(위의 repository(저장소)로 파일을 보낸다는 의미)
git remote -v로 잘 됐는지 확인 가능
5. 보내기
git push origin master 작성하면 최종 마무리
만약 코드를 수정하고 다시 commit을 하고싶다면?
<html 코드를 수정했다고 가정>
- git add index.html 혹은 git add . 작성
- git status로 확인
- git commit -m "메시지"로 히스토리 만들기
- git push origin master
- 깃 허브 홈페이지 새로고침
수정한 html 코드만 변경된 것을 확인
728x90
'WEB' 카테고리의 다른 글
| [WEB] SPA, CSR, SSR 차이 (0) | 2023.10.19 |
|---|---|
| [WEB] 웹페이지에 스크롤 애니메이션 만들기 IntersectionObserver() (0) | 2023.01.16 |
| HTML/CSS/JS로 게임 만들기 3 (0) | 2022.09.16 |
| [WEB] HTML/CSS/JS로 게임 만들기 2 (0) | 2022.09.15 |
| [WEB] HTML/CSS/JS로 게임 만들기 1 (0) | 2022.09.13 |
