[GIT] Github Profile 꾸미기 (기술, 백준티어, 로고, Stats 등등)

1. 프로필 생성하기

- Github 접속 > Repository > New 클릭하여 repository를 생성합니다.

- repository name을 본인의 username과 동일하게 입력하고,

Add a README file 옵션을 체크한 뒤 Create repository 버튼을 누릅니다.

- 프로필로 가보면 새로 생성한 README.md 파일의 내용으로 프로필 영역이 생긴것을 확인할 수 있습니다. 이제 이 README.md 파일을 꾸며봅시다!

2. 마크다운 문서 작성하기

- 먼저, 깃허브에 커밋을 하기 전에 Preview를 클릭하여 확인하고 저장하는 것을 추천합니다.

3. HITS

❗️ 해당 서비스는 현재 지원이 중단되어 사용이 어렵습니다.

- 위의 사진과 같이 방문자 수를 보여줄 수 있는 기능입니다.

- 아래 사이트에 접속합니다.

HITS

- TARGET URL에 본인의 깃허브 URL을 넣고, 원하는 색상을 선택하고 COPY 버튼을 클릭하여 마크다운을 복사합니다.

- 깃허브 README.md 파일에 붙여넣고 확인합니다.

# KIM SOO HYEON 😉

![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fkim-soohyeon&count_bg=%23FFDAC7&title_bg=%23FFADAD&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false)

4. shiedls.io

- 위 사진처럼 Custom badge를 만들 수 있습니다.

- Custom badge 만드는 방법

![로고명](https://img.shields.io/badge/로고명-원하는색상코드.svg?&style=for-the-badge&logo=로고명&logoColor=로고색상)

5. JAVA 로고 만들기

 

- 이제 위 사진처럼 JAVA로고를 만들어 봅시다.

- 로고명과 색상코드는 아래 사이트에서 확인할 수 있습니다.

Simple Icons

- 원하는 기술을 검색하여 로고명과 색상코드를 확인합니다.

• 로고명: JAVA
• 색상코드: 007396
• 로고색상: White

- 뱃지 만드는 방법을 활용하여 자바 로고를 만들 수 있습니다.

![Java](https://img.shields.io/badge/Java-007396.svg?&style=for-the-badge&logo=Java&logoColor=white)

- 만들고 싶은 기술명에 공백이 포함된 경우

ex) Eclipse IDE, Visual Studio Code, Android Studio

=> 공백을 %20으로 대체한다.

![Eclipse IDE](https://img.shields.io/badge/Eclipse%20IDE-2C2255.svg?&style=for-the-badge&logo=Eclipse%20IDE&logoColor=white)
![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-007ACC.svg?&style=for-the-badge&logo=Visual%20Studio%20Code&logoColor=white)
![Android Studio](https://img.shields.io/badge/Android%20Studio-3DDC84.svg?&style=for-the-badge&logo=Android%20Studio&logoColor=white)

6. Git-Hub Stats

- 위 사진처럼 깃허브의 여러 stat을 보여주는 카드입니다.

- 아래 URL로 이동하면, 설명이 나와있습니다.

GitHub - anuraghazra/github-readme-stats: Dynamically generated stats for your github readmes

- 원하는 테마를 선택하고 username을 본인으로 변경하여 적용합니다.

6. Solved.ac Profile(백준 티어)

- 위 사진처럼 solve.ac에서 제공하는 백준(boj) 티어를 보여줄 수 있습니다.

- 아래 코드에서 백준아이디부분을 본인의 백준 아이디를 넣어줍니다.

[![Solved.ac Profile](http://mazassumnida.wtf/api/v2/generate_badge?boj=백준아이디)](https://solved.ac/백준아이디/)

- 다른 종류의 테마는 아래 링크를 확인해주세요.

GitHub - mazassumnida/mazassumnida: Github 프로필에서 boj 프로필을 이쁘게 보여주는 프로젝트

7. 완성

- 깃허브 프로필 꾸미기 완성입니다! 제 깃허브 프로필 구경해보세요!

(https://github.com/kim-soohyeon)

- 완성코드는 다음과 같습니다.

# KIM SOO HYEON 😉

![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fkim-soohyeon&count_bg=%23FFDAC7&title_bg=%23FFADAD&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false)

![Soohyeon's GitHub stats](https://github-readme-stats.vercel.app/api?username=kim-soohyeon&show_icons=true&theme=radical)
[![Solved.ac Profile](http://mazassumnida.wtf/api/v2/generate_badge?boj=rlatngus1691)](https://solved.ac/rlatngus1691/)
# 💪Skills
### Platforms & Languages
![Java](https://img.shields.io/badge/Java-007396.svg?&style=for-the-badge&logo=Java&logoColor=white)
![Spring](https://img.shields.io/badge/Spring-6DB33F.svg?&style=for-the-badge&logo=Spring&logoColor=white)
![Python](https://img.shields.io/badge/Python-3776AB.svg?&style=for-the-badge&logo=Python&logoColor=white)
![Android](https://img.shields.io/badge/Android-3DDC84.svg?&style=for-the-badge&logo=Android&logoColor=white)
![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E.svg?&style=for-the-badge&logo=JavaScript&logoColor=white)

![TypeScript](https://img.shields.io/badge/TypeScript-3178C6.svg?&style=for-the-badge&logo=TypeScript&logoColor=white)
![HTML5](https://img.shields.io/badge/HTML5-E34F26.svg?&style=for-the-badge&logo=HTML5&logoColor=white)
![CSS3](https://img.shields.io/badge/CSS3-1572B6.svg?&style=for-the-badge&logo=CSS3&logoColor=white)
![MySQL](https://img.shields.io/badge/MySQL-4479A1.svg?&style=for-the-badge&logo=MySQL&logoColor=white)
![Oracle](https://img.shields.io/badge/Oracle-F80000.svg?&style=for-the-badge&logo=Oracle&logoColor=white)

### Tools
![Git](https://img.shields.io/badge/Git-F05032.svg?&style=for-the-badge&logo=Git&logoColor=white)
![Eclipse IDE](https://img.shields.io/badge/Eclipse%20IDE-2C2255.svg?&style=for-the-badge&logo=Eclipse%20IDE&logoColor=white)
![Visual Studio Code](https://img.shields.io/badge/Visual%20Studio%20Code-007ACC.svg?&style=for-the-badge&logo=Visual%20Studio%20Code&logoColor=white)
![Android Studio](https://img.shields.io/badge/Android%20Studio-3DDC84.svg?&style=for-the-badge&logo=Android%20Studio&logoColor=white)

 
# :mailbox_with_mail: Contacts
[![Tech Blog Badge](http://img.shields.io/badge/-Tech%20blog-black?style=flat-square&logo=github&link=https://soo-vely-dev.tistory.com/)](https://soo-vely-dev.tistory.com/)
[![Gmail Badge](https://img.shields.io/badge/Gmail-d14836?style=flat-square&logo=Gmail&logoColor=white&link=mailto:kimsh1691@gmail.com)](mailto:kimsh1691@gmail.com)
[![Naver Badge](https://img.shields.io/badge/Naver-03C75A?style=flat-square&logo=Naver&logoColor=white&link=mailto:rlatngus1691@naver.com)](mailto:rlatngus1691@naver.com)