명색이 개발자인데, 그래도 깃허브 하나 간지나게 가지고 있어야겠다 싶어 글을 써본다.
1. 나를 위한 readme 만들기.
깃허브에선 내 닉네임 레포지토리를 만들면, you found a secret! 이라는 메세지가 나오며 특별한 레포지토리가 생성되는 이스터에그가 있다.
바로 이렇게... 깜찍한 놈들
add readme.md 버튼을 누르고 생성하면... 이제 내 프로필에 나의 readme 파일이 보이게 된다.
본격적으로 readme를 꾸며보자.
A. 이쁜 header을 넣어보자.
여러 자료가 있겠지만, 여기서는 https://github.com/kyechan99/capsule-render 이 레포지토리를 참고했다. 흠... 내 눈에는 Rect가 제일 이뻐보인다!! Rect 선택.
그럼 이제 이 레포지토리 리드미에서 `Types` 목차를 찾아 누르면 header 코드를 복사할 수 있게 해놨다.
이제 나의 readme로 와서... 해당 코드를 복사하고, type= 뒤에 내가 원했던 Rect를 붙여주면 된다!!
헤더에 색깔을 변경하고 싶다면 아까 그 참고용 레포지토리의 Color 목차로 가서 코드를 복사하면 되고, 글자를 넣고 싶다면 Text 목차로 가서 코드를 복사하면 된다. 본인은 다음과 같이 코드를 짰다.
적용된 모습
B. 뱃지 넣기!
사용할 수 있는 기술스택 뱃지를 달아보자. https://simpleicons.org/ 이 사이트로 들어가서 원하는 스택 이미지 주소와 색상을 찾은 다음,<img src="https://img.shields.io/badge/스택이름-색상코드?style=flat-square&logo=로고명&logoColor=로고색"/> 코드로 뱃지를 넣으면 된다.
본인은 리액트, js, ts 주력이라 다음 코드를 썼다!
<img src="https://img.shields.io/badge/github-181717?style=for-the-badge&logo=github&logoColor=white">
<img src="https://img.shields.io/badge/nextjs-000000?style=for-the-badge&logo=next.js&logoColor=white">
<img src="https://img.shields.io/badge/react-61DAFB?style=for-the-badge&logo=react&logoColor=white">
<img src="https://img.shields.io/badge/typescript-3178C6?style=for-the-badge&logo=typescript&logoColor=white">
<img src="https://img.shields.io/badge/javascript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=white">
<img src="https://img.shields.io/badge/sass-cc6699?style=for-the-badge&logo=sass&logoColor=white">
C. 스탯창 보여주기.
https://github.com/anuraghazra/github-readme-stats 이 레포지토리에서 코드 복사해서 커스텀하면 된다.
[](https://github.com/Hongjw030/github-readme-stats)
끝!!!