[GitHub] README.md로 나만의 프로필 만들기

깃헙에 사용자가 자신의 프로필을 디자인하는 기능이 있다.

정말 간단하게 프로필을 꾸밀 수 있다고 하지만, 나는 시간적 여유가 생겨 좀 복잡하게 꾸며봤다.

해놓고보니 살짝 정신없는것 같기도 하지만... 프로필이 중요하겠나... 안에 들은 코드들이 아름다워야지...

프로필은 이정도로 만족하고, 내일부터는 안에 담긴 레파지토리를 어떻게하면 퍼블릭으로 전환해도 안부끄러울지 연구해야겠다...^^

 

레파지토리 만들기

간단하다. 새로운 레파지토리를 내 이름과 동일하게 만들면 된다!

그리고 새로 만들때 README.md 파일을 생성해주자.

아, 당연히 public으로 만들어야한다! private하면 외부 프로필은 커녕, 나 조차도 구경할 수 없는 프로필이 되어버린다...(머쓱)

 

korany-lee/korany-lee is a special repository. Its README.md will appear on your public profile!

이렇게 안내문구가 나오면서, 만들어진다!

 

방문자 수 표기(GitHub Profile Views Counter)

간단하게 README.md 파일에 아래의 코드만 넣어주면 된다.

아래 코드에서 yout-github-username 에 말 그대로 나의 아이디를 넣어주면 끝! 


 

그리고 약간의 커스터마이징을 할 수 있는데, 자세한건 위에 달아둔 링크의 레파지토리에서 확인하면 된다.

나는 마음에 드는 색상이 default로 지정된 파란색이었다!

Hex 색상도 아래처럼 지정할 수 있다. 앞에 "#"표시는 prefix로 지정되어 있다고 한다.


 

이 밖에도 스타일, label 이름 변경을 해줄 수 있고, 그래서 나는 아래처럼 입력했다.


 

애니메이션 효과주기

이 작업은 일단 코드로 화면 구현 -> 해당화면을 비디오 녹화 -> gif로 변환 하는 과정이 필요하다.

그래서 다소 시간이 걸리고, 정성이 가득 담겨야 한다.. 

 

자세한 설명은 이 블로그를 참고했다!

배경으로 별자리같은 녀석들이 돌아다니는 것은 Particles.js

타이핑 효과는 Typewriter.js

 

깔끔하게 타이핑만 따는 프로필도 많이 보았는데, particles가 신기하기도 하고 응용해보고 싶어서 사용했다!

codepen에 다양한 효과들이 많던데 다음에 개인 프로젝트할 때 배경으로 눈내리는 효과 같은거 넣어보고 싶다 :)