Dev Hyeri

◖코딩 테스트◗▬▬▬▬▬▬▬▬▬/리트코드

[리트코드] 깃허브 자동 커밋 연동(2024)

_hyeri 2024. 2. 3. 22:11

 

[ 목차 ]

1. 확장자 설치
2. 깃허브 확장자 연동
3. 자동 커밋 확인
4. 자동 커밋 주의

 

* 백준 깃허브 자동 연동 방법

* 프로그래머스 programmers 깃허브 자동 연동 방법

 

 

 

 

1. 확장자 설치


 

 

우측 상단 계정 옆의 ⁝ 클릭 - 확장 프로그램 - Chrome웹 스토어 방문하기 

 

 

우측 상단 [🔍 확장 프로그램 및 테마 검색] 에서

"LeetHub" 검색

 

 

빨간색 박스로 강조한

LeetHub V3 클릭

 

 

우측 상단  Chrome에 추가  버튼 클릭

 

 

팝업창 확장 프로그램 추가 버튼 클릭

 

 

팝업창으로 확장 프로그램 설치 완료 확인

 

 


 

2. 깃허브 확장자 연동


 

우측 상단 퍼즐 아이콘 클릭 - LeetHub v3 클릭

 

 

  Authenticate   (증명) 버튼 클릭

 

깃허브 로그인

 

 

Pick an Option 메뉴바 드롭다운, 둘 중 하나 클릭

1. Create a new private Repository : 새로운 private(비공개) 레포지토리 만들고 연결

2. Link an Existing Repository : 기존에 있는 레포지토리에 연결

 

여기서는 Create a new private Repository를 선택하고

메뉴바 우측에 위치한 바 (Repository Name) 에 leetcode라 써넣음(예시용)

 

우측 하단    Get Start    버튼 클릭

 

 

연동 완료

 

 

깃허브에 새로운 레포지토리 생성됐음을 확인

 

 

 

3. 자동 커밋 확인


 

 

문제를 풀고, [코드 에디터 창]에 초록색 ✔️ 표시가 뜰 때까지 대기

 

 

자동 커밋이 잘 이루어짐

 

 

 

 

4. 자동 커밋 주의


좌측 상단의 ' > ' 를 눌러 다음 문제로 넘어갔을 때 (아래 이미지의 빨간색 원) 

 

 

아래 이미지와 같이 초록색  ✔️ 표시가 그대로 남아 있는 것을 확인할 수 있다(아래 이미지의 빨간색 원)

 

 

Ctrl + R 단축키를  눌러 창을 새로고침 해주어야 깃허브 자동 푸시가 제대로 작동함

 

 

 

* 프로그래머스 깃허브 자동 연동 방법

 

[프로그래머스] 깃허브 자동 커밋 연동(2024)

[ 목차 ] 1. 확장자 설치 2. 깃허브 확장자 연동 3. 자동 커밋 확인 1. 확장자 설치 우측 상단 계정 옆의 ⁝ 클릭 - 확장 프로그램 - Chrome웹 스토어 방문하기 우측 상단 [🔍 확장 프로그램 및 테마 검

developevolvify.tistory.com