개요

이직이 잦은 개발자라는 직업 특성상 자신을 홍보하는 포트폴리오 페이지는 필수입니다. 그렇다면 개발자들은 어떻게 포트폴리오를 만들까요?

개발자답게 직접 구현하여 배포하는 방법은 어떨까요?

가장 좋은 방법이겠지만 웹 개발자가 아니라면 구현하기 어려울 뿐 아니라 웹 개발자라고 하더라도 디자이너 없이 만든 페이지는 단순히 노션으로 제작한 페이지보다 아름답지 않을 확률이 높습니다.

그렇다면 노션으로 만든 페이지는 어떤가요?

아마 가장 쉬운 방법일겁니다. 디자인 감각이 없어도 주어진 블럭을 활용하면 깔끔한 페이지를 만들 수 있고 클릭 몇 번으로 공유 URL 을 만들수도 있습니다. 하지만 노션에서 제작한 URL은 너무 지저분하고 길어서 접근성이 떨어집니다. (내 프로필에 적힌 노션 링크를 떠올려보세요.)

간편히 만들고 간단히 공유하세요.

그래서 개발자 포트폴리오 에디터 서비스를 릴리즈하게 되었습니다. DeveloFolio(디벨로폴리오)를 소개합니다.

디벨로폴리오는 노션과 유사한 에디터로 포트폴리오 페이지를 작성할 수 있고 보다 더 개발자 포트폴리오에 특화되어있어 간편하게 나만의 포트폴리오 페이지를 만들 수 있습니다.

또한 https://my-name.develofolio.com 같이 나를 표현하는 짧고 간소화된 URL로 간단히 공유할 수 있습니다.

📝 작성하기

디벨로폴리오를 이용하여 포트폴리오를 만드는 과정을 알아보겠습니다.

마크다운 & 툴팁

마크다운을 이용하여 여러가지 블럭을 사용할 수 있습니다. 현재 사용 가능한 블럭은 heading1, heading2, heading3, bulleted-list, blockquote 이며 점차 추가될 예정입니다.

Bold, Itaric, Color, Highlight, Link 기능은 제공되는 툴팁을 이용해 작성할 수 있습니다.

기술스택 로고

어디서든 clone(:) 을 이용해서 다양한 로고를 삽입할 수 있습니다. 로고는 svgporn을 통해 제공됩니다.

포트폴리오에 특화된 블럭

에디터 하단에 Add a Block 버튼을 통해 포트폴리오에 특화된 블럭을 사용할 수 있습니다. 현재 스킬 리스트, 프로젝트 리스트, 학력 리스트, 경력 리스트 블럭을 사용할 수 있고 추후 더 추가될 예정입니다.

🔗 공유하기

포트폴리오 작성을 마쳤다면 공유할 차례입니다.

나만의 URL 만들기

Settings 페이지에서 나만의 URL을 만들고 즉시 공유할 수 있습니다. 물론 언제든 변경할 수 있습니다.

OG-Tag

디벨로폴리오는 포트폴리오 내용을 기반하여 동적으로 OG-Tag를 생성합니다. 링크를 여기저기 공유해보세요!

👀 누가 내 포트폴리오를 봤을까?

포트폴리오를 게시한 후 내 페이지를 몇명이 봤는지 궁금하지 않나요? 디벨로폴리오는 Google Analytics를 사용하도록 도와드립니다.

Settings 페이지에 태그를 추가하여 설정하여 사용하실 수 있습니다.

Google Analytics를 이용하여 언제, 어디서, 몇 명이 조회했는지 볼 수 있을 뿐만 아니라 어떤 경로를 통해 접근했는지 알 수 있습니다.

마치며

디벨로폴리오는 오픈소스입니다. 버그가 발견시 Issues에 건의사항 혹은 의견은 Discussions에 남겨주시면 빠르게 대응하도록 하겠습니다. 물론 PR 또한 언제든 환영입니다. 🙇‍♂️

Homepage: https://develofolio.com
Repository: https://github.com/ChoJongHoon/develofolio