Github 프로필 꾸미기

https://github.com/chosuhyeon0812

chosuhyeon0812 - Overview

디자인 감각은 없지만 제  Github  프로필입니다 허허...

 

다들 깃허브에 개발하신거 많이 올리실 텐데요..

깃허브 프로필에 자기 소개에 대해 올려놓으면 혹시 회사에서 연락올지도 모르고 그렇자나요?

그래서 이번 포스팅은 요거 만드는 방법 한번 올려 볼께요 😆

 

1) 새로운 Repository 만들기

1.  Repositories에서 New를 클릭해줍니다

2.  Repositories name 을 Github이름과 똑같이 설정해줍니다

(밑에 고양이가 나오면 성공!!)

3.  Add a README.md File 선택해줍니다

4. 제일 밑에 Create repository 눌려주면 창이 생깁니다.

 

---

화면을 꾸미기전에 깃허브 프로필 꾸미기에 필요한 마크다운에 대해 알아봐야 할거 같은데요...

 

2) Markdown

1. 정의 : 텍스트 기반의 가벼운 마크업 언어(태그(tag)를 이용하여 문서의 구조를 나타내는것)
2. 만들어진 배경 : 문서의 구조와 내용을 쉽고 빠르게 적고자 탄생
3. 기능

• 헤딩(Heading) : 문서의 제목이나 소제목으로 사용,  # 으로 표현하고 ##, ### 으로 갈수록 점점 작게 나타난다, 깃허브의 경우 6번까지 중첩 가능하지만 3번까지가 가독성이 좋다
• 리스트(List) : 목록을 표시하기 위해 사용, 순서가 있는 것과 없는 것 두가지 경우가 있다
• 링크(link) & 이미지(image) : 특정 주소를 사용해서 링크와 이미지를 넣을 수 있다( 이미지는 넣을 때는 앞에 느낌표(!)를 붙여 주어야 한다 ex)  )
• 기울림 : *기울어짐*
• 굵게 : **굵게**
• 취소선 : ~~취소선~~
• 띄어쓰기 : 두번 [Enter], 띄어쓰고 싶은 부분에서 <br>을 써준다 

 

위에 기능을 바탕으로 VSCode  에서 일기 한번 써보겠습니당..

위에 파란색 부분에 있는 아이콘을 누르면 미리 보기 가능합니다

3) README.md 꾸미기

 

이제 본격적으로 마크다운을 바탕으로 프로필 한번 꾸며보겠습니다 ✈

 

1.  헤더 꾸미기

https://github.com/kyechan99/capsule-render#how-to-use

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

요거 참고 했습니다!!!

마크다운이나  HTML중 하나를 이용해서 만들면 됩니당 / 디자인은 오른쪽 같이 여러 종류가 있어요 😊

 

 2. 기술 스택 아이콘 만들기

 

https://simpleicons.org/

Simple Icons

<img src="https://img.shields.io/badge/[뱃지 명]-[뱃지 색]?style=[뱃지 스타일]&logo=[로고 명]&logoColor=[로고 색]"/></a>

여기에 값을 넣어서 만들수도 있지만 나같이 귀차니즘이 심하신 분들은 밑에 링크에서 퍼오는 것을 추천합니다

https://github.com/Ileriayo/markdown-badges

GitHub - Ileriayo/markdown-badges: Badges for your personal developer branding, profile, and projects.

 

3. 깃허브  Status

 

![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username=깃허브 아이디&show_icons=true&theme=스타일)

 

깃허브 아이디에 자신의 아이디 넣음 됩니당!!

 

4. 백준 뱃지

[![solved.ac tier](http://mazassumnida.wtf/api/generate_badge?boj=jeniffer0812)](https://solved.ac/kinetic27)

이런 뱃지들 다른 것들도 많으니까 여러가지 넣어보셔유~~

 

이것들 말고도 정말 많은데 간단하게 이렇게 꾸밀 수 있습니다!!

프로필 만들면서 기술 스택 넣을 수 있는게 별로 없어서 너무 아쉬웠어요...

앞으로 수정될 프로필을 기대해주세요^_________^

 

 

 ++) 백준 허브 

 

https://chrome.google.com/webstore/detail/%EB%B0%B1%EC%A4%80%ED%97%88%EB%B8%8Cbaekjoonhub/ccammcjdkpgjmcpijpahlehmapgmphmk?hl=ko 

백준허브(BaekjoonHub)

위에 걸 설치해주시면 백준뿐만 아니라 프로그래머스랑  SWEA 문제를 풀면 알아서 백준에 업로드 된다고 하는데요

잔디 심기에 좋을 것 같아서 추천해봅니다 🙂

그럼 이쁜 깃꾸(깃허브꾸미기) 하세요 🙋‍♀️🙋‍♂️