이모저모/IT

Github.io로 포트폴리오 만들기

NIMHO 2022. 11. 15. 00:23
728x90

아직 학부생이긴 하지만, 여러 군데 인턴십을 지원하면서 포트폴리오가 중요하다는 것을 느꼈다.

예전에 K사 지원하면서 미리 캔버스에서 급하게 만들어둔 포트폴리오를 사용해왔다.

그렇게 만든 포트폴리오보다 내가 만든 포트폴리오가 더 효과적일 거 같아서 만들게 되었다. 

 

 

포트폴리오를 Github.io로 만들려고 한다. 그래서 Github 계정은 필수라서 가입을 먼저 해야 한다.

개발자를 준비하는 사람이라면 다들 Github 계정이 있으니 상관없지만, 그게 아닌 분들이라면 가입해야 한다.

http://github.com

 

GitHub: Let’s build from here

GitHub is where over 94 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat...

github.com

728x90

 

Github에는 공유된 템플릿들이 많이 존재한다.

거기서 포트폴리오를 위한 템플릿을 골라서 포크 해주면 된다.

예전에 한번 만들어봤는데, 그때는 jekyllthemes를 사용했다.

Github 좌측 상단에 jekyllthemes를 검색하고 원하는 것을 포크 하면 된다.

하지만 디자인이 별로여서 이번에 새로 만들고자 할 때는, devportfolio 혹은 devfolio를 검색해서 찾았다.

 

https://github.com/saadpasta/developerFolio

 

GitHub - saadpasta/developerFolio: 🚀 Software Developer Portfolio Template that helps you showcase your work and skills as a

🚀 Software Developer Portfolio Template that helps you showcase your work and skills as a software developer. - GitHub - saadpasta/developerFolio: 🚀 Software Developer Portfolio Template that helps...

github.com

http://github.com/RyanFitzgerald/devportfolio

 

GitHub - RyanFitzgerald/devportfolio: A lightweight, customizable single-page personal portfolio website template built with Jav

A lightweight, customizable single-page personal portfolio website template built with JavaScript and Sass - GitHub - RyanFitzgerald/devportfolio: A lightweight, customizable single-page personal p...

github.com

 위 두 가지 포트폴리오가 예쁘게 잘 나와서 추천하고 싶다.

 

첫 번째는 진짜 예쁘게 잘 나왔는데, README를 읽고 따라 해도 잘 되지가 않아서 포기했다.

 

그러고 찾은 게 두 번째 포트폴리오다.

생각보다 쉽게 작성할 수 있는 거 같았다. index.html만 수정하면 포트폴리오를 완성할 수 있다.

html 작성법만 알면 사진도 넣고 완성도 높은 포트폴리오를 만들 수 있을 것이다.

 

다음은 fork 해 레포를 가지고 와서 주소를 설정(?)해주는 작업이다.

우측에 보이는 watch fork star에서 Fork를 누르면, 내 계정에 레포지토리가 생성된 것을 볼 수 있다.

레포를 포크 해서 가지고 온 다음 생성된 레포에 들어간다.

생성된 레포지토리에 들어간 후 settings로 가면 이름을 바꿀 수 있다.

이때 이름을 {user_name}.github.io로 바꿔준다.

({user_name}에 본인이 user_name을 쓰면 된다.)

 

이렇게 바꾼 {user_name}.github.io가 포트폴리오의 주소가 된다.

 

 

이렇게 포크하고 이름을 수정하고 포트폴리오 주소도 만들어봤다.

하지만 단점이, 포크 한 포트폴리오를 내가 원하는 방향으로 수정을 하고 업데이트를 해도 잔디가 심어지지 않는다.

commit으로 인정이 안 되는 거 같았다.

 

원래 fork한 레포를 수정하면 안 되는 건지, 오류가 난 건지 그거는 잘 모르겠다.

그래서 다음글에서 fork 하는 방법이 아닌 다른 방법으로 하는 법을 작성해봐야겠다.

728x90