"> 제목 "> 제목 ">
<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>

1. 개념

📌 VS Code "소스 제어" (Git 기본 기능)

✅ 소스 제어란?

VS Code에 내장된 Git 기본 조작 도구

→ 코드 수정 내역을 관리하고 GitHub와 연동하여 버전 관리(Version Control) 가능

✅ GitLens 기본 개념

➡️GitLens는 Git을 위한 최고의 확장프로그램

항목 설명
GitLens란? VS Code 확장 프로그램, Git 히스토리 시각화 도구
어떤 기능? 커밋 히스토리, 브랜치 비교, 변경 내용 라인별 주석, blame 보기
왜 사용하나? VS Code 안에서 Git 히스토리를 쉽게 확인하고, 누가 어떤 코드를 바꿨는지 바로 볼 수 있음

1-1. 차이점

항목 소스 제어 (Source Control) GitLens
기본 기능 Git 커밋, 푸시, 풀, 브랜치 생성 및 전환 커밋 히스토리, blame(라인별 수정자), 그래프 시각화
설치 여부 VS Code에 기본 내장 별도 설치 필요 (GitLens 확장 프로그램)
커밋/푸시/풀 ✅ 가능 ❌ 직접 커밋/푸시는 안 됨 (소스 제어와 함께 사용)
라인별 수정자(blame) ❌ 지원 안 함 ✅ 코드 라인 옆에 수정자, 수정 시간 표시
커밋 히스토리 확인 ❌ 파일 히스토리 직접 확인 불가 ✅ 파일별/폴더별 커밋 히스토리 상세 확인 가능
커밋 그래프(visualize) ❌ 지원 안 함 ✅ 브랜치 흐름, 머지 그래프 시각화 제공
브랜치 비교 기본 비교 기능만 제공 ✅ 브랜치 간 변경사항 상세 비교 가능
변경 파일 관리 ✅ 변경된 파일 감지, 스테이지, 커밋, 푸시 가능 ❌ 변경 파일 스테이지/커밋 기능 없음

1-2. vsc소스제어

<aside> 💡

클라우드 드라이브는 뭔가 에러가 발생하니 로컬에서 진행

</aside>

image.png