[정리] 깃허브 블로그로 간편하게 웹개발자 이력서 만들기

온라인 링크 한 줄로 간단하게 확인할 수 있는 이력서, 탐나지 않는가?

그런데 막상 만들려고 보면 생각보다 고려할 게 많은데다,
열심히 만들어 둔 페이지를 띄우려면 서버와 도메인 비용도 필요하단 걸 뒤늦게 깨닫는다.
같은 고민을 가진 사람들을 위해 정리해 본 내 이력서 만들기

** 깃허브에 대해 기본적인 이해도가 있는 사람이 따라한다는 가정 하에 작성되었음 **

#1. 멋진 템플릿 준비

직접 만들 수 있다면 베스트겠지만,(특히 프론트 개발자라면)
나는 다른 사람이 만들어 둔 템플릿을 이용하기로 했다.
깃허브에서 레쥬메를 검색해 Star가 가장 많은 순으로 보다가 맘에 드는 걸 골랐다.
>> https://github.com/sproogen/modern-resume-theme

샘플 페이지 미리보기

 

#2. 깃헙 블로그 생성과 레쥬메 템플릿 적용

위 링크에서는 친절하게 자신의 샘플 resume를 어떻게 자신의 repo까지 땡겨오는지 설명해준다.
하지만 그 설명이 영어로 되어있다는 점에서, 여기에 한번 더 적어 번역 & 부가설명 정리

Step 1 - GitHub
깃허브에 계정이 필요하다.
없다면 여기에서 Sign Up을 눌러 새로 만들자.

Step 2-1 - Create Repository
자신의 깃허브 계정에 새로운 Repository를 생성.
생성하는 방법은 여기를 참고

* 깃허브가 새로 생성되면 초기화, 리모트 연결 등
레포지터리 첫 세팅에 필요한 명령어들이 제공되는데, remote add까지 완료 *

Step 2-2 * Name your Repository
깃허브는 레포지토리 이름으로 정말 간단히 블로그 기능을 제공한다(감사합니다)

블로그에 보여질 소스를 작성하는 용도로 쓸 레포지토리의 이름을

계정아이디.github.io --> https://계정아이디.github.io
계정아이디.github.io/abc --> https://계정아이디.github.io/abc

예를 들어 나는 깃헙 계정아이디가 [codingwanee]이므로
codingwanee.github.io 라고 위와 같이 레포지토리 주소를 작성해주면 된다

Step 3-1 - Download Resume Template
위 링크 페이지에서 resume-template.zip 파일을 다운로드
자신의 로컬 레포지토리에 파일 속 내용을 복붙

Step 3-2 Other Cases
내가 위에 링크한 페이지가 아니라 다른 샘플을 이용한다면 > Fork가 필요할수도
내가 직접 작성한 템플릿을 만들어 쓰겠다면 > index.html 을 만들어
시작해야 할 수도 있다. 이 경우에 관해선 나중에 따로 적겠음

Step 4 - Push it
github 레포지토리에 로컬을 push한다.
깃헙에 익숙하지 않은 사람이라면 git bash에서 아래를 순서대로 실행

* 최근 'master'라는 표현에 대한 논란으로
기본 branch가 'main'이라는 이름으로 적용되기도 하니 주의 *

$ git add --all
$ git commit -m "Initial resume setup"
$ git push -u origin master

** git bash에서 push할 때 갑자기 로그인 창이 뜨고 비번을 넣어도 안 된다고?
최근에 깃헙이 ID/PW 기반이 아닌 ID/Tocken 인증 방식으로 바뀌었다.
가장 설명이 잘 이해됐던 이 글을 참고해서 해결하시라 **

Step 5 - See it
여기까지 잘 따라왔다면 본인의 아이디를 넣어
[계정아이디].github.io <--- 이 주소를 url로 접속해보자

* 커밋된 내용이 반영되기까지 5~15분이 걸리기도 하니
직후에 404 에러가 뜨고 있다면 조금 기다렸다가 다시 접속하면 된다
그래도 안 되면 레포지토리 주소를 정확히 작성했는지 확인 *

# 본인의 취향대로 내용 적용

웹 개발자 이력서니까 다른 내용은 역량껏 바꿀 수 있다는 가정 하에..
_config.yml 파일과 _data/ 폴더 하위 내용들을 수정해서 간편하게 수정 가능

# 내 이력서

완성된 내 이력서 보고 뿌듯해하기 --> 제 것도 보고가세요