GitHub 웹 포트폴리오 제작 - 3 : 기술 스택 뱃지 달기
2022. 5. 14. 02:55ㆍ프로그래밍/개인프로젝트
Simple Icons
2246 Free SVG icons for popular brands.
simpleicons.org
<img alt="이미지 대체 텍스트" src="https://img.shields.io/badge/기술명-배경색상코드?style=for-the-badge&logo=로고명&logoColor=로고색상">
위의 웹사이트를 참고해서 볼드 처리한 부분만 수정하면 된다
예시
<img alt="HTML5" src="https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white">
<img alt="CSS3" src="https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=CSS3&logoColor=white">
<img alt="JavaScript" src="https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=JavaScript&logoColor=black">
<img alt="jQuery" src="https://img.shields.io/badge/jquery-0769AD?style=for-the-badge&logo=jquery&logoColor=white">
<br />
<img alt="Nodejs" src="https://img.shields.io/badge/Node.js-339933?style=for-the-badge&logo=Node.js&logoColor=white">
<img alt="Express" src="https://img.shields.io/badge/Express-000000?style=for-the-badge&logo=Express&logoColor=white">
<img alt="MongoDB" src="https://img.shields.io/badge/MongoDB-8cbe68?style=for-the-badge&logo=MongoDB&logoColor=white">
<img alt="AWS" src="https://img.shields.io/badge/Amazon AWS-f7f7f7?style=for-the-badge&logo=Amazon AWS&logoColor=f89400">
'프로그래밍 > 개인프로젝트' 카테고리의 다른 글
| ReactNative) 파이어베이스 소셜로그인 (Apple) (0) | 2022.05.19 |
|---|---|
| ReactNative) 파이어베이스 소셜로그인 (Google) (0) | 2022.05.14 |
| Git LFS ) 사용하기 (0) | 2022.05.14 |
| GitHub) error: src refspec master does not match any (0) | 2022.05.14 |
| 탭탭카드놀이) 앱 아이콘 변경하기 (0) | 2022.05.14 |