[github] github.io로 개발자 포트폴리오 작성하기 👏🏻

바야흐로 대취준 시대 ,,,

나도 하반기 시즌 취준을 본격적으로 시작해보면서, 나만의 포트폴리오가 필요하다는 생각이 들었다.

사실은 몇달 전 노션, ppt로 만들던 포폴이 있었는데 개발자로서 웹 포트폴리오 하나는 가지고 싶다는 생각으로 이 여정을 시작하게 됐다.

처음에는 배포 경험이 없어서 웹사이트 포폴은 어떤식으로 시작해야 하는지 많이 막막했는데 github.io라고, github에서 제공해주는 웹 호스팅 서비스가 있어서 이를 이용해보기로 마음 먹었다.

---

생각보다 github 페이지를 만드는 것은 쉬웠다. 아래와 같은 과정을 따라가면 된다.

 

1. 먼저, 사용자이름.github.io로 repository를 생성해준다.

C0Zl.github.io로 만들었다가 대문자는 안된다는 걸 늦게 알아버린 나

 

 

주의점은 public으로 생성해줘야 한다 !

 

2. settings - pages에 들어가 제대로 생성됐는지 확인해준다.

 

 

화면과 같이, Your site is live가 뜨면 내가 만든 respository가 제대로 페이지화되어 돌아가고 있다는 것을 확인할 수 있다.

 

해당 도메인으로 접속해보면, 아래와 같이 아무것도 없는 내 포폴 사이트를 마주치게 된다.

 

너무 심심쓰,,

 

3. 이제, 포트폴리오를 본격적으로 작성하기 위해 react 프로젝트를 생성해주면 된다.

 

나는 아래 블로그를 참고해서 react project 세팅을 끝냈다.

https://velog.io/@me-hana/React%EB%A1%9C-%EC%A7%81%EC%A0%91-%EB%A7%8C%EB%93%9C%EB%8A%94-%ED%8F%AC%ED%8A%B8%ED%8F%B4%EB%A6%AC%EC%98%A4-%ED%8E%98%EC%9D%B4%EC%A7%80-1.-github.io-%EB%8F%84%EB%A9%94%EC%9D%B8-%EC%97%B4%EA%B8%B0

[React로 직접 만드는 포트폴리오 페이지] 1. github.io 도메인 열기

 

react 초기화면

 

그렇게 만들어진, 나의 포폴(이 될) 도메인이다.

 

우선 ppt 포폴을 다듬고 포트폴리오 사이트를 완성해 나갈 예정이다.