web

Git

imysydesu 2026. 6. 15. 15:59

 

 

 

 

 

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