GitHub Star List 만들기

dasong·2021년 12월 12일
1

이제 GitHub에서 Star된 repository들을 List로 만들어 관리할 수 있다.
https://github.blog/changelog/2021-12-09-lists-are-now-available-as-a-public-beta/

아직 베타버전이라 GitHub Docs에는 나와있지 않은 것 같다.

내 GitHub stars 수는 143개인데 (21.12.12 기준) GitHub이 이전에는 sort, filter 기능만 지원했던 터라 나중에 보려고 star 해놓은 경우, repository 제목이 기억 안나면 찾으려고 엄청 헤맸었다.

개인적으로 너무너무 필요했던 기능인데 이번에 베타로 도입되었다고 해서 당장 써보려고 한다..!

사실 해당 블로그 포스트만 잘 읽어보면 된다.

  1. 내 GitHub 프로필에 접속하자
    내 GitHub 프로필에 접속

  2. stars 버튼을 클릭하자

stars 버튼 클릭

프로필 우측 상단에 Stars 버튼이 보일 것이다. 이 버튼을 클릭하자.
(https://github.com/USERNAME?tab=stars 직접 URI로 접근해도 된다)
(기존에는 GitHub 프로필 하단 followers, following 다음에 stars도 있었던 거 같은데 이게 없어지고 아예 따로 메뉴로 분리된 거 같기도 하다 ..?)

  1. Create list 버튼 클릭

버튼을 클릭하면 이렇게 모달창이 뜬다.

  1. list의 제목과 설명(optional)을 입력하자.
    나는 제목을 Node.js, 설명을 Node.js 관련이라고 입력했다.
    제목과 설명(optional)을 다 입력했다면 Create 버튼을 클릭한다.

그러면 이렇게 lsit가 잘 만들어진 걸 확인할 수 있다.

  1. list에 repository 추가하기
    list 내에서 직접 다수의 repository를 list에 추가하는 기능은 아직 없는 것 같다.
    아까 보았던(2번) stars 메뉴로 접속하자.

접속해보면 방금 만들었던 Node.js 리스트가 잘 생성된 것을 볼 수 있다.

starred repositories 목록에서 list에 추가하고 싶은 repository 우측에 위치한 ▼ 버튼을 클릭한다.
이후 추가를 원하는 List의 체크박스를 선택한다. 다 선택했다면 브라우저 내 아무 곳이나 클릭해서 저장해준다.

+)

list 저장 버튼이 없어서 그럼 list 수정 사항은 어떻게 저장되나 해서 개발자 도구 네트워크 탭을 확인해보았다.

체크 박스를 클릭할 때가 아니라 브라우저 내 아무 곳이나 클릭하면 체크 박스가 닫히면서 아래와 같이 두 개의 요청이 보내진다.


1)

2)

그래서 그냥 체크 박스만 선택한 후에 새로고침을 누르면 변경사항이 저장되지 않는다.

그리고 사실 체크 박스에 변경 사항이 없어도 list를 열었다 닫으면 GET, POST 요청이 보내진다....

아직 프론트 지식이 부족해서 어떤 element에 어떤 event로 인해 이렇게 동작하는지는 사실 잘 모르겠다... 혹시 아시는 분들은 댓글 부탁드립니다.

profile
소비자에서 생산자로

0개의 댓글