[GitHub] 프로필 Readme 파일 꾸미기

오늘은 깃허브의 프로필을 꾸며봅니다... 

 

우선 프로필에 들어갔을 때 가장 시선을 끌 수 있는 헤더 만들기! 

 

1. 헤더 설정하기 

https://github.com/kyechan99/capsule-render?tab=readme-ov-file

GitHub - kyechan99/capsule-render: 🌈 Dynamic Coloful Image Render

깃허브에 들어가면 제너레이터 링크가 있다.

 

헤더를 손쉽게 커스텀 할 수 있는 제너레이터 

https://capsule-render.vercel.app/

Capsule-Render

 

---

2. 기술 스택 badge 넣기 

예시 )

### 🛠️ 기술 스택
- Language : ![Java](https://img.shields.io/badge/Java-007396?style=for-the-badge&logo=java&logoColor=white)
- Framework : ![Spring](https://img.shields.io/badge/Spring-6DB33F?style=for-the-badge&logo=spring&logoColor=white)

 

 

기술 스택 뱃지는 아래의 사이트에서 찾아서 위의 마크다운 코드의 기술 스택 아이콘 이름 부분에 이름과 색상 등을 붙여 넣어서 사용하면 된다. 

 

?style=for-the-badge 이 부분이 뱃지의 스타일을 지정하는 곳인데

• flat-square
• flat 
• for-the-badge
• plastic
• social 등

등을 넣으면 각각 다른 스타일의 뱃지를 적용시켜볼 수 있다. 

 

Simple Icons

 

이것 저것 찾아본 결과 

chatGPT한테 해당 기술 스택 뱃지 마크다운 형식으로 만들어달라고 한 뒤 적용하는게 가장 시간이 절약되는 방법인 것 같다. ㅎ

 

예시 )

 

이렇게 코드를 받은 뒤에 원하는 뱃지의 스타일을 적용한 뒤 리드미에 복붙을 하는게 최고! 

 

헤더 

 

뱃지 

 

완료!