<head>
<!-- HTML Meta Tags -->
<meta charset="UTF-8" />
<title> 제목 </title>
<meta
name="description" content="vsc소스제어,깃렌즈, 깃렌즈 배포 " />
<meta name="keywords" content="깃, 깃렌즈, 배포, 깃렌즈 배포, git, gitLens, 양파고, Yang Phago, 노션, 양파고 노션, notion" />
<!-- Open Graph / Facebook -->
<meta property="og:title" content="vsc소스제어, 깃렌즈, 깃렌즈 배포 " />
<meta property="og:description" content=" 깃, 깃렌즈, 배포, 깃렌즈 배포, git, gitLens, 양파고, Yang Phago, 노션, 양파고 노션 " />
<meta property="og:image" content="대표 이미지" />
<meta property="og:url" content="페이지 주소" />
<meta property="og:type" content="website" />
</head>
<aside> 💡 보다 쉽게, 보다 편하게
</aside>
VS Code에 내장된 Git 기본 조작 도구
→ 코드 수정 내역을 관리하고 GitHub와 연동하여 버전 관리(Version Control) 가능
➡️GitLens는 Git을 위한 최고의 확장프로그램
항목 | 설명 |
---|---|
GitLens란? | VS Code 확장 프로그램, Git 히스토리 시각화 도구 |
어떤 기능? | 커밋 히스토리, 브랜치 비교, 변경 내용 라인별 주석, blame 보기 |
왜 사용하나? | VS Code 안에서 Git 히스토리를 쉽게 확인하고, 누가 어떤 코드를 바꿨는지 바로 볼 수 있음 |
항목 | 소스 제어 (Source Control) | GitLens |
---|---|---|
기본 기능 | Git 커밋, 푸시, 풀, 브랜치 생성 및 전환 | 커밋 히스토리, blame(라인별 수정자), 그래프 시각화 |
설치 여부 | VS Code에 기본 내장 | 별도 설치 필요 (GitLens 확장 프로그램) |
커밋/푸시/풀 | ✅ 가능 | ❌ 직접 커밋/푸시는 안 됨 (소스 제어와 함께 사용) |
라인별 수정자(blame) | ❌ 지원 안 함 | ✅ 코드 라인 옆에 수정자, 수정 시간 표시 |
커밋 히스토리 확인 | ❌ 파일 히스토리 직접 확인 불가 | ✅ 파일별/폴더별 커밋 히스토리 상세 확인 가능 |
커밋 그래프(visualize) | ❌ 지원 안 함 | ✅ 브랜치 흐름, 머지 그래프 시각화 제공 |
브랜치 비교 | 기본 비교 기능만 제공 | ✅ 브랜치 간 변경사항 상세 비교 가능 |
변경 파일 관리 | ✅ 변경된 파일 감지, 스테이지, 커밋, 푸시 가능 | ❌ 변경 파일 스테이지/커밋 기능 없음 |
<aside> 💡
클라우드 드라이브는 뭔가 에러가 발생하니 로컬에서 진행
</aside>
커밋 클릭
이제 게시를 클릭할 차례
깃허브로 로그인