[Git-Hub] 깃허브 Profile 만들기 & 꾸미기

Writer: Harim Kang

Git-Hub 계정 관리하기

• 저도 다른 사람들과 마찬가지로 취업을 위해서 깃허브를 관리하기 시작했습니다. 저는 주로 토이프로젝트와 학부생 시절 프로젝트들이 깃허브에 존재합니다.

harimkang - Overview

• 주로 제가 깃허브 관리를 하는 방법은 아래와 같습니다.
  • Repository README 관리
  • Git-Hub Profile 관리
  • 커밋관리(제가 현재 다니는 회사는 Git-Lab을 사용하고 다른 계정을 사용하여 깃허브에는 반영이 안되네요.. ㅎ)
• 오늘은 깃허브의 Profile에 대해서 제가 사용한 방법을 한번 포스팅해보고자 합니다.

시작하기

1. 새로운 Repository를 만듭니다.

   

2. 자신의 아이디와 같은 이름의 Repository를 만듭니다. (저는 이미 만들어놔서 이미 존재한다고 뜨네요) - 이때 편하게 Add a README file 옵션을 체크해 줍니다.

   

3. 해당 Repo에는 README.md 파일이 생성되며, 해당 파일 내용이 이제 Profile로 보여지게 됩니다.

4. https://github.com/[자신의 깃허브 ID] 주소로 가시면, Overview 맨 처음에 [ID]/README.md 파일의 내용이 보여지게 됩니다.

   

5. Send feedback 옆의 수정 버튼을 통해서 Profile 내용을 수정하시면 됩니다.

꾸미기

DILLINGER

• 제가 사용하는 마크다운 웹에디터입니다.
• https://dillinger.io/
• 마크다운을 미리 작성해보고, 미리보기로 확인해볼 수 있는 웹 에디터입니다.
• 해당 사이트에서 먼저 이쁘게 작성해보고, README.md 파일로 복사하는 것을 추천합니다.
• 참고: 이모지가 적용이 안되는 것을 확인했습니다.

Online Markdown Editor - Dillinger, the Last Markdown Editor ever.

HITS

• 사진과 같이 방문자 수를 보여줄 수 있는 기능을 넣을 수 있습니다.
• https://hits.seeyoufarm.com/
• 위의 사이트로 접속하여 자신의 깃허브 url을 넣어주기만하면 됩니다.

HITS

• 그 후, MARKDOWN을 copy하여 원하는 README.md 파일 내용의 위치에 붙여넣기를 해주시면 됩니다.

  

shiedls.io

• 마크다운을 이용하여 여러 Badge를 만들 수 있는 사이트입니다.

• https://shields.io/

• 처음 사용할 때는 사용법이 헷갈려서 여러 예시를 보면서 이해하는 것이 좋습니다. 제가 사용한 badge만 이야기해 보겠습니다.

• 제가 사용한 로고 뱃지를 만들자면 아래와 같습니다.

  

  • https://img.shields.io/badge/ 까지는 모두 동일하고, 이후에, 들어갈 텍스트(-Intel%20Korea)와 뱃지 색상(-0071C5)이 들어갑니다.
  • ?이후에 여러 옵션을 줄 수 있으며, &을 붙여서 여러 옵션을 동시에 줄 수 있습니다.
  • style같은 경우는 shields.io 사이트에 정리되어 있으며, logo는 https://simpleicons.org/ 에서 사용 가능한 로고를 확인할 수 있습니다.
  • link옵션을 통해 해당 url로 클릭하면 이동하도록 할 수 있습니다.

Shields.io: Quality metadata badges for open source projects

Tables Generator

• Markdown형식의 표를 만들어주는 사이트입니다.
• https://www.tablesgenerator.com/markdown_tables

Markdown Tables generator - TablesGenerator.com

Git-Hub Stats

• 자신의 깃허브의 여러 stat을 보여주는 카드를 만들어줍니다.
• https://github.com/anuraghazra/github-readme-stats
• 위의 레포지토리에서 사용법이 잘 나와 있습니다. 아래의 예시에서 username= 부분을 수정하시면 됩니다.

anuraghazra/github-readme-stats

Emoji

• 이모지를 사용할 수 있습니다.
• https://www.webfx.com/tools/emoji-cheat-sheet/
• 해당 사이트에 여러 이모지가 존재하며, 원하는 이모지를 가져다 쓰시면 됩니다.

주의사항

• 직접 예쁘게 잘 꾸미시면 좋습니다.
• 하지만, Overview를 직접 들어가보고 Profile이 스크롤이 넘도록 길이가 길다면 좀 줄일 필요가 있습니다.
• 저도 부족한 부분이 많다는 점!
• 마크다운에 궁금한게 있다면, 찾아보시면 좋습니다.
  • https://steemit.com/kr/@nand/markdown