[Git] 알면 유용한 GitHub 단축키 / 팁

💡 미립자 팁

---

• GitHub 페이지에서 ? 키를 누르면 단축키 목록을 확인할 수 있다.
• 소스코드 화면에서 . 키를 누르면 웹 VSCode로 볼 수 있다.
• GitHub 프로필 주소 끝에 .png를 붙이면 프로필 이미지를 볼 수 있다
  e.g. https://github.com/romantech.png

 

Focus the search bar

---

/ 혹은 s 키를 누르면 왼쪽 상단에 있는 검색창에 포커스된다. 검색창에 원하는 키워드를 입력해서 내 계정이나 다른 사람 계정에 있는 레포지토리로 이동할 수 있다.

 

 

File Finder

---

레포지토리에서 t 키를 누르면 File Finder 모드가 활성화된다. File Finder 모드에서 파일 / 폴더명을 입력하면 해당 레포지토리에 있는 파일 목록을 보여준다. 파일 목록에선 위 / 아래 방향키로 이동할 수 있고 ↵ 엔터키를 누르면 해당 파일로 이동한다.

 

 

Command Palette

---

Mac 사용자라면 익숙한 Spotlight(혹은 Alfred) 같은 검색 기능을 GitHub에서도 사용할 수 있다. ⌘ k 단축키를 누르면 Command Palette 창이 뜬다. 여기서 현재 레포지토리에 있는 Issues, PR 등을 검색할 수 있다.

 

⇥ 탭 키를 누르면 검색창 내에서 선택한 항목으로 진입하고 ↵ 엔터키를 누르면 해당 페이지로 이동한다. 내 계정의 레포지토리나 다른 레포지토리 내용을 확인할 수도 있다(⌘ ⌫ 키로 검색창의 모든 내용을 지운 후 검색).

 

microsoft(조직) / TypeScript-Website(레포지토리)

빠른 검색을 위한 접두사 옵션도 제공한다. ? 키를 누르면 검색 옵션 목록을 볼 수 있다.

• # Search for issues, pull requests, discussions, and projects
• ! Search for projects
• @ Search for users, organizations, and repositories
• / Search for files within a repository scope

 

> 키를 누르면 커맨드 모드로 진입한다. 커맨드 모드에선 이슈 생성, 파일 생성, 레포지토리 주소 복사, 테마 변경 등 GitHub에서 제공하는 다양한 액션을 바로 실행할 수 있다.

 

 

Diff 코멘트 숨기기

---

Pull request의 Files changed 탭을 클릭하면 Diff 화면이 뜬다. Diff 화면에선 코드 변경 전 / 후의 내용을 모두 볼 수 있다. 원하는 코드 라인을 선택해서 코멘트를 남길 수도 있다. 하지만 코멘트가 많아질 수록 코드 읽기가 불편하다. 이땐 i 키를 눌러 코멘트를 숨기거나 보이도록 하면 된다. 코멘트가 많은 상황에서 유용하다.

 

https://github.com/facebook/react/pull/23365/files

 

Code Browsing

---

Diff 화면에서 변경 후 최종 내용만 보고 싶으면 우측상단 ... 아이콘을 누른 후 View file 메뉴를 클릭하면 된다. 그럼 Code Browsing 화면으로 이동한다.

 

View file 메뉴

Code Browsing 화면에서 l 키를 누르면 원하는 라인으로 이동(Jump)할 수 있는 Jump to line 창이 뜬다.

 

Jump to line 창

Code Browsing 화면에서 b 키를 누르면 Blame View로 이동한다. 코드 라인 넘버를 클릭하면 노란색으로 하이라이트 되면서 해당 라인이 선택된다. 라인을 선택한 상태에서 b 키를 누르면 해당 라인에 대한 Blame View를 볼 수 있다. Blame View에선 해당 코드를 누가 / 언제 작성했는지, 어떤 commit에 포함된 수정사항인지 등을 확인할 수 있다.

 

왼편 commit 제목에 마우스를 올리면 자세한 커밋 내용을 볼 수 있다

 

소스 코드 공유 팁

---

소스 파일에서 라인 넘버를 클릭할 때마다 주소창의 URL이 바뀐다. 이를 Permalink 라고 부른다. 이 주소를 복사해서 특정 라인의 소스코드를 공유할 수 있다. 여러 라인을 선택할 수도 있다. 시작 라인을 클릭한 후 Shift 키를 누른 상태에서 종료할 라인을 선택하면 된다.

 

11번째 라인 넘버를 클릭한 후 주소창에 ...#L11 퍼머링크가 생성된 화면

하지만 파일 이름을 변경하거나 삭제한다면 Permalink는 더이상 유효하지 않다. Permalink는 파일 이름을 참조하기 때문이다. 영구적으로 유효한 링크(Canonical URL)를 만들고 싶다면 라인을 선택한 상태에서 y키를 누르면 된다. 그럼 Permalink가 Canonical URL로 변환된 후 클립보드에 복사된다. Canonical URL은 커밋을 참조하기 때문에 파일이 변경되거나 삭제돼도 링크에 영향을 주지 않는다.

 

이렇게 생성한 Permalink를 동일한 레포지토리의 Issue, PR, 코멘트 등 마크다운이 사용되는 곳에 붙여넣으면 코드 스니펫이 자동으로 생성된다.

 

Permalink를 붙여넣은 후 코드 스니펫이 자동으로 생성된 화면

 

 

레퍼런스

---

• 깃허브 사용법 + 단축키 (이것좀 알고 사용하자 🔥)
• Keyboard shortcuts - GitHub Docs  

 

---

글 수정사항은 노션 페이지에 가장 빠르게 반영됩니다. 링크를 참고해 주세요