[GitHub] 뱃지로 Readme.md 꾸미기

 

위 뱃지에 대한 코드는 다음과 같다

## 2. 개발환경
- Front-end :
  <img src="https://img.shields.io/badge/react-61DAFB?style=for-the-badge&logo=react&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/css3-1572B6?style=for-the-badge&logo=css3&logoColor=white">
  <img src="https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=HTML5&logoColor=white">
- Back-end :
  
- 협업 툴 :
  <img src="https://img.shields.io/badge/github-181717?style=for-the-badge&logo=github&logoColor=white">
  <img src="https://img.shields.io/badge/notion-000000?style=for-the-badge&logo=notion&logoColor=white">
- 디자인 : <img src="https://img.shields.io/badge/figma-F24E1E?style=for-the-badge&logo=figma&logoColor=white">

 

아래 형식을 이용하여 작성하면 되는데, 

<img src="https://img.shields.io/badge/<로고이름>-<RGB색상>?style=for-the-badge&logo=<로고이름>&logoColor=white">

 

로고이름과 RGB색상은 아래 링크를 이용하면 편하다.

https://simpleicons.org/

Simple Icons

 

원하는 기술을 검색한 후, 해당 기술명과 RGB코드를 클릭하여 복사가 가능하다.

(주의) RGB코드를 클릭하면 #가 함께 복사되는데, #를 지우고 숫자 6자리로 사용해야 한다.