1 . Git
- 소스 코드의 변경 이력을 효과적으로 관리할 수 있도록 도와주는 분산 버전 관리 시스템
- 개발자는 Git을 이용해 코드의 이전 상태로 되돌리거나 여러 사람이 동시에 작업해도 충돌 없이 협업할 수 있음
- 브랜치를 활용해 새로운 기능을 실험적으로 개발한 후 메인 프로젝트에 병합할 수 있음
- Git은 로컬 저장소와 원격 저장소를 구분하여 인터넷 없이도 작업할 수 있음
- GitHub와 같은 서비스와 연동하여 팀 프로젝트를 체계적으로 관리할 수 있는 강력한 도구
1 -1 . 버전관리
- 소프트웨어 개발이나 문서 작성 등에서 파일의 변경 이력을 체계적으로 기록하고 관리하는 방법
- 이를 통해 언제, 누가, 어떤 변경을 했는지 추적할 수 있으며 문제가 발생했을 때 이전 버전으로 되돌리거나 변경 내용을 비교할 수 있음
- 특히 여러 사람이 동시에 작업할 경우 충돌을 방지하고 각자의 작업을 병합해 하나의 완성된 결과물로 만드는 데 중요한 역할을 함
- 대표적인 버전관리 도구 : Git, SVN(Subversion), Mercurial 등, Git이 가장 많이 사용됨
1 - 2 . Git 장점
분산형 버전 관리
- 로컬 저장소만으로도 대부분의 작업이 가능하여 인터넷 없이도 작업 가능
- 중앙 서버가 없어도 이전 기록 확인, 커밋, 브랜치 생성 등이 가능
강력한 브랜치 기능
- 브랜치를 쉽게 생성하고 병합할 수 있어 기능 개발, 버그 수정을 독립적으로 진행 가능
- 실험적인 작업도 안전하게 분리하여 메인 프로젝트에 영향 없이 테스트 가능
효율적인 협업
- 여러 명이 동시에 작업해도 변경 이력 추적과 충돌 해결 도구를 통해 안정적으로 병합 가능
- GitHub, GitLab 등과 연동하여 Pull Request, 코드 리뷰, 이슈 관리 등 협업 기능 지원
변경 이력 추적 및 되돌리기
- 누가 언제 어떤 코드를 수정했는지 정확히 기록
- 문제가 발생하면 이전 상태로 손쉽게 되돌릴 수 있음 (Rollback, Revert)
성능과 속도
- 대부분의 작업이 로컬에서 이루어지기 때문에 빠른 속도로 커밋, 로그 조회, 브랜치 변경 가능
오픈소스 및 무료
- 누구나 무료로 사용할 수 있으며, 다양한 도구(Git Bash, VSCode, Sourcetree 등)와 함께 사용 가능
1 - 3 . 설치
- 구글에서 "git 설치" 검색 또는 https://git-scm.com
- 왼쪽 메뉴에서 Downloads 클릭
- 오른쪽 모니터 모양 다운로드 클릭
- 윈도우의 경우 64-bit Git for Windows Setup. 클릭 후 다운로드 및 설치(기본설정)
- 실행 후 설정 변경하지 않음 -> 다 Next만 눌러서 설치
- 설치 완료 후 cmd에 git --version 작성(설치 확인)
2 . Git 명령어
- 프로젝트 디렉토리 내에 로컬 저장소 생성(cmd에 git init 작성)
=> 파일에 빈 파일 하나 생성됨
=> git init
- 만들어진 빈 파일에 index.html 파일 생성
- git버전 관리할 파일을 선택(stage에 올림, 올리는 작업을 add라고 함)
=> git add index.html
- 하나의 버전으로 만들기(" " 지금까지 한 것에 대한 설명 작성)
=> git commit -m "index.html을 커밋"
- 처음 설치 시 나오는 내용

=> 이메일, 이름 작성
=> 이후 git config user.name / git config user.email 작성 시 본인이 입력한 이름과 이메일이 뜸
- 로그 확인하기
=> git log
- 여러 파일 함께 선택(stage에 현재 디렉토리에 있는 변화된 모든 파일)
=> 변화된 모든 파일을 선택할 때ㅁ는 . 만 찍으면 됨
=> git add .
- 선택된 여러 파일을 커밋 (" " 지금까지 한 것에 대한 설명 작성)
=> git commit -m "현재 디렉토리에 있는 모든 파일을 커밋"
2 - 1 . README.md
- 프로젝트에 대한 설명서를 작성하는 파일
- 보통 프로젝트의 소개, 실행 방법, 설치 방법, 사용 기술, 폴더 구조, 예제 코드 등을 정리
- GitHub 같은 저장소에 올렸을 때 가장 먼저 보이는 문서 역할을 함
- README : "먼저 읽어보세요(Read Me)"라는 의미
- .md : 마크다운(Markdown) 문법을 사용하는 파일 확장자
3 . Github
- GitHub : Git을 기반으로 한 온라인 코드 저장소 및 협업 플랫폼
- 개발자들이 소스 코드를 업로드하고 공유하며 협업할 수 있도록 도와주는 서비스
- GitHub를 사용하면 버전 관리는 물론, 브랜치 관리, 이슈 추적, Pull Request를 통한 코드 리뷰, 팀 단위의 협업 등이 가능해짐
- 오픈소스 프로젝트뿐만 아니라 개인 및 기업 프로젝트에도 사용
- 웹 기반 인터페이스를 통해 복잡한 Git 명령 없이도 주요 기능을 손쉽게 사용할 수 있음
- GitHub : 개발자들의 포트폴리오 공유, 오픈소스 기여, CI/CD 자동화 등 다양하게 활용되는 대표적인 개발 플랫폼
3 - 1 . 설정
- 깃허브 가입 후 Create repository 버튼을 클릭하여 repository 만들기
- 로컬 저장소에서 git 원격 저장소 주소를 설정(origin : 원격 저장소 별칭, 관례적으로 처음에만 origin 작성)
=> git remote add origin 원격 저장소 주소
- 원격 저장소 주소 확인 (fetch, push 두 개가 나옴)
=> git remote -v
- 원격 저장소 주소 삭제
=> git remote remove origin
- 생성한 커밋을 github로 전송 (사이트와 연결되면 인증해 주면 됨)
=> git push -u origin master
- -u
=> 로컬 브랜치와 원격 브랜치의 연결을 설정, 이후에 브랜치 이름 없이 git push, git pull만 입력해도 자동으로 origin/master와 연결됨
- 403 Permission Denied 에러가 발생한 경우
=> 깃허브 저장소에 접근 권한이 없는 사용자가 전송을 시도했기 때문에 발생
- 파일 수정 혹은 변경 시 다시 커밋, 푸시해야 함
=> git init
=> git add .
=> git commit -m "변경사항 작성"
=> git push origin master
=> 이후 깃허브 재확인
맛집 리스트를 HTML, CSS파일 3장 분량 만드는 과제
깃허브에 등록하기
완료된 파일 : https://ysuy.github.io/YsuY_-/
'web' 카테고리의 다른 글
| JavaScript - 3 (0) | 2026.06.17 |
|---|---|
| JavaScript - 2 (0) | 2026.06.16 |
| JavaScript - 1 (0) | 2026.06.15 |
| HTML, CSS - 3 (0) | 2026.06.13 |
| HTML, CSS - 2 (0) | 2026.06.11 |