백엔드 포트폴리오 템플릿 - baeg-endeu poteupollio tempeullis

썸네일 출처

목차 Show

• 🖥 웹 개발자 포트폴리오를 위한 10가지 팁
• 1. Presentable Design/UI
• 2. Good Hosting & Domain
• 3. Keep it simple
• 4. Don't exaggerate skills
• 5. Live Examples/Demos
• 6. Be Selective of Projects
• 7. Customize Course Projects
• 8. Easy Contact
• 9. Web Presence & Brand
• 10. Be Yourself

이 글은 얼마전, 개인적으로 디자이너의 포트폴리오 웹사이트를 작업할 때 본 개발 유튜브채널 Traversy Media의 영상 중 웹 개발자 포트폴리오 웹사이트를 위한 10가지 팁이라는 영상의 내용을 정리한 글입니다.

🖥 웹 개발자 포트폴리오를 위한 10가지 팁

이 글(영상)에서는 개인 포트폴리오 웹사이트에 대해 얘기해볼까 합니다.

이런 주제를 가져온 이유는, 저도 제 포트폴리오 사이트를 가지고 있으며,

가끔 구독자들이 저에게 이메일로 포트폴리오를 검토해달라는 요청이 오곤합니다.

저는 50~60개 이상의 포트폴리오를 봤으며, 그 중에는 정말 멋진 포트폴리오도 있었고, 끔찍한 포트폴리오도 있었습니다.

그래서 포트폴리오 웹사이트를 만들 때 도움이 될만한 몇 가지 팁을 알려드리고자 합니다.

1. Presentable Design/UI

• 디자인에 신경을 많이 써라.

• 포트폴리오에 당신이 개발한 웹사이트를 나열하게 될텐데, 당연하게도 평가자가 가장 먼저 보게되는 화면이며, 당신의 포트폴리오 자체도 당신의 프로젝트이기 때문에 가장 중요하다.

• 그 자리에서 바로 보여줄 수 있고 즉시 설명 가능한 디자인과 UI로 만들어라.

• 당신이 UI디자이너가 아니라 프론트엔드 개발자나 백엔드 개발자라면, 혹은 당신의 디자인 스킬이 끔찍하다면, 바닥부터 모두 디자인할 필요는 없다. 이미 잘 만들어진 템플릿들을 잘 활용하는 것도 능력이다.

2. Good Hosting & Domain

• @@.herokuapp.com 같은 무료 서브도메인 쓰지 말아라. 비싸지 않고 어렵지 않으니 반드시 커스텀 도메인을 구매해서 연결해라.

• 반드시 https(SSL)를 지원해라. Chrome은 https를 지원하지 않으면 경고를 띄우기 때문에 UX가 좋지 않다.

• 기본적인 것들이라 이런 것들을 하지 않으면 평가자에게 꼼꼼하지 못하다거나 사소한 것을 신경쓰지 않는다는 느낌을 줄 수도 있다.

3. Keep it simple

• 가장 중요한 몇 개의 프로젝트만 넣고 불필요한 것은 모두 빼고 최소화해라. 가능한한 글도 최대한 짧게 써라.

• 프로젝트는 항상 가장 중요한 것들을 맨 위에 써라. 너무 길면 읽지 않는다. 너무 많아도 보기 귀찮고 어렵다. 자기소개만 10줄이면 아무도 읽지 않을 것이다. 최대한 짧고 심플하게 유지해라.

• 큰 회사들의 랜딩페이지를 참고해봐라. 10-15페이지의 구구절절한 페이지들보다 하나의 깔끔하고 간결한 싱글 랜딩페이지가 더 매력적이다.

4. Don't exaggerate skills

• 당신의 스킬셋을 과장하지말아라. 거짓말하지말아라. 솔직해져라.

• 루비 온 레일즈 튜토리얼을 따라해봤다고 당신이 루비 개발자가 되지 않는다.

• 사용해본 모든 언어와 모든 프레임워크를 나열하지 말아라. 평가자는 멍청하지 않다.

• 모든 분야를 조금씩 두루 아는 것보다 몇 가지에 전문적인 것이 훨씬 좋다.

5. Live Examples/Demos

• 바로 라이브 프로젝트를 볼 수 있는 버튼을 만들어서 직접 들어가볼 수 있도록 해라.

• 해당 프로젝트를 깃허브에 올려놓고 코드도 즉시 볼 수 있도록 링크버튼을 만들어라.

• 화면이 없는 프로젝트(CLI툴, 라이브러리 등)는 예외다. 깃허브에 코드만 올려놓아도 된다. 대신 README는 잘적자.

• 절대 프로젝트의 이미지만 덩그러니 넣지 말아라. 그런건 아무나 할 수 있다.

• 이 경우 프로덕션 프로젝트가 아니라면, 커스텀 도메인이나 https지원 등은 하지않아도 상관없다.

6. Be Selective of Projects

• 많은 사이드프로젝트를 했더라도 투두리스트같은 당신이 한 모든 프로젝트를 나열하지 말아라.

• 3~6개의 최고 프로젝트만 선택해서 넣어라. 2개의 퀄리티있고 큰 프로젝트가 10개의 투두리스트보다 훨씬 우수하다.

• 즉, 양보단 질이다.

7. Customize Course Projects

• 강의나 튜토리얼을 따라해서 프로젝트를 했다면 절대 그대로 넣지말아라. 반드시 자신 나름대로 커스터마이징 해라.

• 유명한 튜토리얼들은 이미 모든 사람들이 알고있어서 평가자는 이미 똑같은 결과물을 많이 보았을 것이다.

8. Easy Contact

• 인사담당자가 당신에게 연락하기 쉽게하라.

• 이메일, 핸드폰번호 같은 연락처를 Navigation bar, About page, Contact section 등 잘보이는 곳에 써 놓아라.

9. Web Presence & Brand

• 자신을 브랜딩할 수 있는 수단을 넣어라.

• 유튜브를 한다면 유튜브 채널, 글을 쓴다면 블로그 주소나 미디엄 주소, 깃허브 주소, SNS주소 등

• 본인 사진이든 로고든, 여러 다른 플랫폼에 비슷하거나 같은 프로필 이미지를 사용해라. 그게 싫다면 primary color라도 일관되게 하라.

10. Be Yourself

• 가장 똑똑한 사람이 되려고하지 말아라. 똑똑해보이려고 애쓰지 말아라.

• 그냥 솔직하게 자신을 표현해라.

• 당신의 열정, 취미, 특기 등 당신을 표현할 수 있는 다른 것들을 넣어도 좋지만, Keep it Simple!

-------------------------------------------------------------------------

URL: https://837477.github.io

-------------------------------------------------------------------------

이미지:

자기소개:

안녕하세요 !

개발하는 것이 즐거운 행복한 개발자 837477입니다 :)

저는 주로 백엔드 개발을 하고있어요.

서비스 소개:

어느날 갑자기 이런 생각이 들었어요.

"내가 그동안 해왔던 모든 활동 그리고 경험들을 어딘가에 정리해놓으면 좋겠다."

지금도 꾸준히 발전하기 위해서 많은 것들을 시도하고 접하고 있는데 이러한 것들을 정리해두고 싶어서 바로 만들게 되었어요 :)

개발 과정:

기존에는 AWS에 호스팅하여 사용중이었으나,

포트폴리오 페이지라는 특징상 게시글이 자주 업로드되는 것도 아니고,,, 자주 방문하는 사이트도 아닌데,,, 배보다 배꼽이 더 큰 느낌이 들어서, 최근에는 Github page로 넘어오게되었어요 :)

총 개발 기간은 다른 업무와 병행하여 2주정도 걸렸습니다 !

앞으로의 계획:

계속해서 제가 좋아하는 개발 업무를 즐겁게 하는 것이 바램입니다 :)

벌써 입사 3년차가 되었다...

너무 늦은 감이 없지 않아 있지만, 입사 이례로 제일 큰 프로젝트를 진행하면서 겸사겸사

포트폴리오/이력서를 작성해보고자 한다.

이직 생각이 없더라도 적어도 1년에 한번꼴로 정리하면서 스스로 부족한 점, 배운 점 등 깨닫고 환기 시키는 것이 좋다고 한다.

우선, 입사 후 처음으로 작성하다 보니 레퍼런스를 이것저것 찾아보았다.

이력서 작성 시 큰 도움이 되었던 사이트

1. 노션(Notion)을 활용한 개발자 이력서 관리

노션(Notion)을 활용한 개발자 이력서 관리

나의 첫 개발자 이력서 작성 배경 때는 19년 가을, 평생을 학생으로 살아오던 나도 드디어 '구직활동'이란 것을 슬슬 시작하게 되었다. Word를 이용해 표로 이뤄진 전통적인 이력서 템플릿보단, 예

os94.tistory.com

• 이분이 좋은 레퍼런스를 많이 찾아두셔서 도움이 많이 되었다. 실제 이 사이트만 봤다고해도 무방할 정도...
• 너무 정리를 잘 해놓으셨기 때문에 꼭 참고하길 바란다.

2. 노션으로 쉽게 만드는 포트폴리오

노션으로 쉽게 만드는 포트폴리오

이직 준비 올 초부터 이직을 준비했고 상반기에 진행했던 프로그래머스의 Dev-Matching에 지원하여 새 보금자리를 구했다. 이 과정에서 가장 고민했던 내용은 '포트폴리오를 어떻게 구성하느냐' 였

private-space.tistory.com

• 이력서 템플릿을 제공해주셨다. 

실제 참고한 이력서들

1. https://jojoldu.github.io/

Java 백엔드 엔지니어

이력서

jojoldu.github.io

2. https://resume.yowu.dev/

Resume: Yongwoo Yu

This is Back-end Developer Yowu's Resume. Thank you

resume.yowu.dev

3. https://blog.outsider.ne.kr/1234

이력서 :: Outsider's Dev Story

지난 6월 [KSUG](https://www.facebook.com/groups/springkorea/)에서 주관한 [경력관리 세미나](https://blog.outsider.ne.kr/1223)에 참석하신 분을 알겠지만 이때 이직 관련 면접 등에 대한 주제로 발표하시는...

blog.outsider.ne.kr

4. https://www.rohwoohyeon.com/

roh woohyeon®

About Hi. I’m Woohyeon, a frontend developer based in Seoul, Korea and yes, I love designing and building digital products. For the past 3+ years, I've done working in startups, and collaborated with talented people to create digital products for both bu

www.rohwoohyeon.com