• 홀리…

참고

• https://github.githubassets.com/images/mona-loading-dark.gif
• https://github.githubassets.com/images/mona-loading.gif

• 7777 커밋

• 드디어 완벽히 채워진 화분

• 깃허브 탐색하다 보면 프로젝트 루트에 .gitignore부터 시작해서
• 탐색할 때 그다지 중요하지 않는 여러 파일들이 나열되어 있다
• hide files on github 크롬 익스텐션을 설치하면 깔끔하게 탐색할 수 있다

• 숨길 파일들을 직접 설정도 가능하다!

참고

• https://github.com/sindresorhus/hide-files-on-github

• https://github.com/500

• 오… 처음 본다

• 마우스 움직이면 배경이 움직이는 건 404 페이지랑 똑같다!

참고

• https://github.com/404
• https://github.com/500

1일 1커밋하는데 무슨 내용을 커밋하는 걸까?

1일 1커밋 소스

• 블로그
• 코테 연습
• 공부용 프로젝트
• 영단어
• 리팩토링

• 매일 같인 커밋하기로 정해둔 하나의 레포가 있는 것은 아니다
• 주로 블로그 포스트, 코딩 테스트 연습할 때 사용하는 레포에 자주 커밋을 하고 있다
• 그 외에는 최근에 공부하는 nestjs, nextjs 공부용 프로젝트도 있다
• 1일 1커밋을 지켜온지 이제 거의 일 년이 되어간다
• 1일 1커밋 초기에는 영단어 외우는 레포에 매일 영단어 정리했었다
• 블로그를 시작하면서 매일 배우는 것들을 블로그 포스트로 올리고 있다
• 특히 블로그를 깃허브 블로그로 시작하면서 잔디 관리에 큰 도움이 되었다

깃허브 블로그

• 글을 쓸 때는 최대한 고민 안 하고 쓰는 편이다
• 뭔가 새로운 활동이 있으면 바로 블로그에 초안 작성을 시작한다
• 내 개발 기록을 내 나름대로 정리해서 블로그에 남겨놓으면,
• 나중에 관련 지식이 필요할 때, 구글에서 검색하는 게 아니라 내 블로그에서 검색을 할 수 있다
• 다른 사람도 아니라 내가 작성한 글이기 때문에 빠르게 이해하고 탈분극 시킬 수 있다

깃허브에서 클론 할 수 있는 방법 2가지(ssh, pat)를 정리한다

ssh로 클론

ssh key 생성

• git bash를 실행하여 진행한다

1
2
3
4
5
6
7
8
9
10
11
12
13
14

# https://docs.github.com/en/github/authenticating-to-github/connecting-to-github-with-ssh/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent
# 새로운 ssh 키 생성
# 생성할 때 파일명과 비밀번호를 지정해 줄 수 있다
# 비밀번호는 입력하지 않는다 (엔터키로 스킵)
# 비밀번호까지 지정해주고 싶으면 아래 링크를 참고하자
# https://docs.github.com/en/github/authenticating-to-github/connecting-to-github-with-ssh/working-with-ssh-key-passphrases
# -C 옵션 뒤에는 자신의 이메일 등 적고 싶은 문구를 적는다
# ssh-keygen -t ed25519 -C "chin_sung@naver.com"
ssh-keygen -t ed25519 -C "안녕하세요요요요요"

cd ~/.ssh
# 공개키 내용을 전부 복사한다
cat id_ed25519.pub
# output: ssh-ed25519 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx chin_sung@naver.com

• 나는 기본값으로 생성했다
• ~/.ssh/id_ed25519
• ~/.ssh/id_ed25519.pub
• .pub 파일이 이제 깃허브에 등록해야 하는 공개키이다
• cat 명령으로 읽어서 복사해두자

ssh key 등록

• https://github.com/settings/ssh/new
• 깃허브 세팅으로 들어가 ssh키를 등록한다
• 위에서 복사한 id_ed25519.pub의 내용을 붙여 넣어주면 끝

참고

• https://docs.github.com/en/github/authenticating-to-github/connecting-to-github-with-ssh
• ssh key passphrase 한번만 입력하기

PAT으로 클론

1
2

# git clone https://{pat}@github.com/{username}/{repo}
git clone https://xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx@github.com/chinsun9/my-private-repo.git

• personal access token으로도 클론 할 수 있다. 자세히

깃허브 액션~!
내 프로젝트가 다른 환경에서도 잘 동작하는지 확인해보자

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

name: github actions practice

on:
  workflow_dispatch:
    branches: [master]

jobs:
  test:
    runs-on: ${{matrix.os}}

    strategy:
      matrix:
        os: [ubuntu-latest, macos-latest] # https://docs.github.com/en/actions/reference/workflow-syntax-for-github-actions
        node-version: [10.x, 11.x, 12.x, 13.x, 14.x, 15.x, 16.x]

    steps:
      - uses: actions/checkout@v2 # 레포 클론할 때 필요

      - name: Use Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v2 # 노드
        with:
          node-version: ${{ matrix.node-version }}

      - name: Install Rest Dependencies
        run: npm install

      - name: Initiate Test
        run: npm test

• name ; 원하는 이름을 설정해준다
• on ; 워크플로를 트리거하는 이벤트를 지정한다 (실행 조건)
  • on: push ; 이렇게 단일 값을 지정해 줄 수 있다
  • on: [push, pull_request] ; 배열 값으로 지정해 줄 수도 있다
  • 나는 workflow_dispatch를 사용했는데, 이거를 사용하면 수동으로 워크플로우를 시작해야 한다. 깃허브 액션은 사용량 제한이 있어서 일단 아끼고 본다
• jobs.<job_id>.strategy.matrix ; 워크플로를 실행할 환경을 설정한다
• jobs.<job_id>.setps[*].uses ; actions/checkout@v2, actions/setup-node@v2를 사용했다. actions/checkout@v2은 현재 레포를 테스트 환경으로 클론 할 때 필요한 것이고, actions/setup-node@v2는 노드 버전을 구성하는데 권장하는 방법이라고 한다
• jobs.<job_id>.steps[*].run ; 원하는 cli를 설정할 수 있다
• jobs.<job_id>.steps[*].name ; 각 단계에 이름을 붙여줄 수 있다. 깃허브 액션 페이지에서 로그를 식별할 때 도움을 준다

참고

• https://docs.github.com/en/actions/quickstart
• https://docs.github.com/en/actions/reference/workflow-syntax-for-github-actions
• https://docs.github.com/en/billing/managing-billing-for-github-actions/about-billing-for-github-actions

• …
• 레포를 로컬에 클론하지 않고도 코드를 탐색해 볼 수 있다
• 아무 저장소에서 . (dot) key 를 눌러서 열어볼 수 있다
• 처음 켜지는데 시간이 조금 걸린다

참고

• https://youtu.be/ywUZOOzLX3c

깃허브에서 저장소를 검색할 때, 포크 저장소는 검색되지 않는다
github advanced search를 사용해서 검색해보자

상황

• 원본 레포가 업데이트가 없어서 포크를 확인하고 싶었다
• 그런데 기본적인 깃허브 검색으로는 포크가 검색되지 않았다

github advanced search

• 검색 결과 왼쪽 칼럼 하단을 보면 advanced search 버튼이 있다

• 여러 검색 옵션들이 있는데, 포크를 포함하여 검색하기 위해 and including forks. 로 설정했다

• 이제 포크가 포함되어 검색되는 것을 확인할 수 있다
• 검색 결과 화면에서 정렬을 사용할 수 있다
• 나는 스타가 많은 순으로 정렬하여 인기 있는 포크를 확인할 수 있었다