내일배움캠프 76일차 TIL

개발일지 시작의

깃꾸~

개발 업무내용

오늘의 이슈/고민..그리고 해결한 내용

1. Repository 만들기

내 깃허브 계정 username과 동일하게 repository를 만들어야 한다. 귀여운 고양이가 반겨준다.

README로 initialize를 꼭 해줘야 한다!

2. README 수정하기


오른쪽에 Edit README라고 되어 있는 초록색 버튼을 눌러 README를 수정한다!

3. 오픈소스를 이용해 이쁘게 수정하기

우선 내가 사용한 오픈소스들이다.

  • kyechan99/capsule-render
    • 리드미 상단의 멋있는 header 부분, footer도 할 수 있는데 너무 길어질까봐 나는 생략했다. 리드미에 설명이 잘 나와있어서 따라하기만 하면 된다! 나는 내 마음에 들게 모양을 골라서 크기와 글씨 크기만 조절해줬다.
  • anuraghazra/github-readme-stats
    • 깃헙 사용량 통계를 보여주는 카드이다. 어떤 천사분이 한국어로 번역해놔서 그 리드미 링크를 걸어놨다. 밑의 코드 한줄만 추가하면 되는데 나는 내 유저네임이 오타나서 모든 통계가 0으로 떴었다... 이 부분 주의하기!
    • 프로필에 리포지토리 핀 추가하는 코드와 언어 사용량 통계 카드 코드도 있으니 한번 읽어볼 것!!!
[![내 깃헙 유저네임's GitHub stats](https://github-readme-stats.vercel.app/api?username=내 깃헙 유저네임)](https://github.com/anuraghazra/github-readme-stats)
  • techinpark/productive-box
    • 이건 아직 안했지만 곧 추가할 예정
    • 다른 오픈 소스와 다르게 리포지토리를 포크해가서 써야한다. 너무 귀여우니까 시간날때 얼른 포크해가야지.

배지 달기

📌 배지 만드는 사이트 -> https://shields.io
여기로 들어가서 조금 밑으로 내리면 내가 원하는 배지를 만들 수 있다.

이렇게 작성하면

이런 배지가 나오는데 나는 더 이쁜 배지를 추가하고 싶으니까 아이콘을 달아줬다.

📌 배지에 추가할 아이콘 사이트 -> https://simpleicons.org

내가 원하는 아이콘을 찾아서 이름과 색깔 hex code를 코드에 추가하면 배지를 꾸밀 수 있다.

<img src="https://img.shields.io/badge/Python-3766AB?style=flat-square&logo=Python&logoColor=white"/>


완성~!!

<img src="https://img.shields.io/badge/배지이름-색상코드?style=flat-square&logo=아이콘이름&logoColor=white"/>

이거 코드를 한글로 써진 부분만 수정해서 쓰면 된다!

유용한 mark down 문법

가운데 정렬

<div align="center">내용물</div>

줄바꾸기

<br>

글씨 굵기 및 크기

### 내용물(#과 내용물 사이는 꼭 한칸 띄고 쓰기)

#, ##까지 글씨 밑에 줄이 들어간다. h태그라서 어쩔 수 없는데 그래도 ### 는 밑줄이 안나온다. 그리고 크기가 내가 원하는 것보다는 작지만 굵기도 굵어지고 크기도 일반 text보다는 조금 커서 여기서 만족한다.
a, p, font-size 이런걸 다 써봐도 일반 text에서 글씨 크기를 키우는걸 못 찾아서 적용하지 못했지만 혹시 누군가 방법을 안다면 알려줬으면...

참고

GitGub 문서 프로필 관리 README
배지 만드는 사이트 -> https://shields.io
배지에 추가할 아이콘 사이트 -> https://simpleicons.org
Newwisdom. “[Git] 간죽간살 Git Profile 꾸미기🎀.” Newwisdom's Log, TISTORY, 5 Aug. 2021.

To-do List

좋은 웹페이지 즐겨찾기