취업을 위한 포트폴리오를 어떻게 준비해야하나요?

한달 포트폴리오 멘토링

블로그

포트폴리오란?

개발을 잘 할 수 있다는 것을 어필하기 위해 그동안 진행했던 프로젝트를 보기 좋게 정리한 것 지원하는 포지션의 채용담당자의 입장에서 어떤 인재를 필요로 할까? 에 대해서 고민해보고, 나는 그에 맞는 경험이 있는가? 에 대해 어필할 수 있도록 작성해야합니다.

포트폴리오에 들어갈 내용

간단한 자기소개(개발자로써)
깃허브 / 기술블로그
기술 스택 - FE/BE/DevOps
주요 프로젝트
학력 / 이력
(신입의 경우) 자기소개 - 비젼, 개발자로써 역량준비 과정

주요 프로젝트(위에서 4번)에 들어갈 내용

프로젝트 설명
깃허브 & 도메인
사용한 기술 스택

언어, 프레임워크
Frontend, Backend 나눠서 보기 좋게 정리합니다.

기능 설명

프로젝트 주요 기능을 개발 용어를 최대한 사용하여 정리합니다.

담당역할 및 성과
레퍼런스

기능 정의, 페이지 기획서, DB&API 설계서
데모영상(산출물)

포트폴리오 프로젝트 준비 순서

아이템 선정 → 기술 선정 → 기능 정의 → 페이지 기획 → 설계(DB, API) → 개발 → 배포 → 도메인 설정 → 포트폴리오(자소서) 작성

포트폴리오 프로젝트 개발 가이드

1. 팀빌딩, 아이템 선정

[아이템 선정] 게시판과 같은 CRUD(데이터 조회, 입력, 수정, 삭제) 기능을 포함하고 로그인&회원가입, 검색&필터 기능이 포함된 3-5페이지의 웹 사이트를 개발하는 것이 적절합니다.

[기술 스택 정하기] Backend 와 Frontend 에 필요한 프레임워크와 DB, 배포 환경을 결정합니다.

2. 기획 - 기능&페이지 기획

[페이지 기획에 필요한 툴] 와이어 프레임 툴(Whimsical)과 같은 기획 UI기획 툴을 사용하여 UI 페이지 기획을 함께 해나갑니다.

[기능 및 페이지 기획] 개발 전에 다른 사람들의 샘플 프로젝트를 통해 페이지와 기능 기획하는 방법을 배우고 개발 범위를 명확히하여 팀 개발을 빠르게 진행할 수 있도록 합니다.

기획서 샘플

3. 설계 1 - DB&API 설계

[DB 종류 설명 및 설계하기] DB의 종류에 대해서 이해하고 어떤 DB를 선택할지 결정합니다. 이전 수업에서 작성한 기능 기획에 맞는 DB 설계를 완성합니다.

[Restful API 설명 및 설계하기] Restful API 를 이해하고 API 서버를 설계하고 문서를 작성합니다. 백엔드 서버를 개발하기 전에 기능에 알맞는 서버 설계를 멘토와 함께 진행하게 됩니다.

DB 명세서
API 명세서

4. 설계 2 - DB&API 설계, 프로젝트 스케줄링

[프로젝트 스케줄링하기]

Git Projects 를 사용하여 팀 별 개발 스케줄링을 합니다.
Git 을 사용하여 프로젝트를 셋팅합니다.

[프로젝트 협업을 위한 Git 배포 룰 결정하기]

협업을 하기 위해 브랜치 관리 룰과 브랜치와 커밋 메세지 작성 룰을 결정합니다.
Git Projects(프로젝트 스케줄 보드)

5. 개발 진행하기

팀끼리 개발을 진행합니다.
이때 좋은 멘토가 있다면 가이드를 받기에 좋습니다.
- 코드 리뷰
- 문제발생 시 도움
Google Oauth등을 도입하여 로그인 기능을 만들면 더 매력적일 수 있습니다.
Oauth 개념

6. 도메인 설정 및 AWS 배포

[배포 및 도메인 설정하기]

AWS EC2 에 프로젝트를 배포하고 무료 도메인을 설정합니다.

7. 포트폴리오 완성

[포트폴리오 완성하기]

개발자 자기소개서인 포트폴리오 작성법을 배웁니다.
Git Readme 에 프로젝트 설명을 기술용어로 작성합니다.
- 포트폴리오 아이템 설명하기
- 실행 방법 추가
- 프로젝트 구조 설명
- 배포 방식에 대한 설명
포트폴리오 샘플

포트폴리오에 대한 QnA

Q. 포트폴리오를 만들 때 얼마 정도의 기간이 걸리나요?

길다면 두달, 짧다면 일주일이지만 프로젝트마다 천차만별입니다. 아이템 선정부터 기획, 설계, 개발, 배포, 포트폴리오 작성까지 1달을 목표로 진행하면 충분합니다.

Q. 주요 포트폴리오는 몇 개 정도가 적당한가요?

대표 포트폴리오 1개와 다수의 세부포트폴리오를 준비해둡니다. 3개 내외의 프로젝트면 충분합니다.

Q. 포트폴리오는 비주얼적인 요소가 중요한가요?

포트폴리오는 아무래도 다양한 사람들의 개성을 나타내고 프로젝트를 설명할 수 있어야하는 비주얼적인 요소가 굉장히 중요합니다. 깔끔하고 예쁜 UI가 매우 중요합니다.

Q. 어떤 구성원으로 협업해서 만들어야하는지? 단독으로 만들어야하나요?

혼자 Backend 와 Frontend 를 모두 만든 프로젝트나, Backend와 Frontend 두명이 한 팀으로 협업해서 진행해도 좋습니다. 5명 이상이 너무 작은 프로젝트를 진행하는 것은 지양하는게 좋을 것 같아요. 채용담당자의 관점에서 기여도 부분에 의문을 갖게 될 가능성이 있습니다.

Q. 포트폴리오를 만들 때 github 정리(사용) 팁이 있다면 알고 싶습니다.

github에 Readme와 Projects 를 잘 활용하면 좋습니다. 기본적으로 프로젝트를 오픈 소스로 관리하면 코드를 누구나 볼 수 있어서 포트폴리오에 첨부하기 용이합니다. 또, Readme에 프로젝트에 대한 설명을 정리하고 Projects에는 스케줄 관리를 칸반보드로 할 수 있어서 좋아요.

Github > Projects

Q. 회사마다 원하는 기술이 다르던데 기본적으로 꼭 있어야 하는 언어나 스택이 있다면 어떤거인지 궁금합니다.

회사마다 사용하는 기술 스택이 달라 포트폴리오를 준비하기 전에 리서치가 필요합니다. 꼭 있어야하는 언어나 스택이라는 것은 존재하지 않지만 내가 가고싶은 팀 또는 회사에서 사용하는 기술 스택과 비슷한 기술 스택을 준비한 지원자면 눈길이 더 가게 됩니다.

Q. 포트폴리오를 만드는데 추천하는 툴은 어떤 것이 있나요?

기획에는 와이어프레임 툴인 whimsical 개발에는 github-Readme(프로젝트 설명), Projects(스케줄링, 칸반보드) 포트폴리오에는 Notion

Q. 기업들이 신입 개발자의 포트폴리오를 통해서 어떤 것을 보고싶어하나요? 어떤 역량을 요구하는지 궁금합니다.

생각한 것을(기획한 것을) 만들어내는(개발해내는) 역량을 보고 싶어합니다. 그 과정에서 깃허브는 사용할 수 있는지, 개발 언어는 어떤 것들을 사용하는지, 프레임워크를 다룰 줄 아는지, 코드는 깔끔하게 작성하는지 등 을 꼼꼼히 살펴봅니다.

아래부터는 카우치코딩 포트폴리오 수업에 대한 내용입니다

📅 수업 기간

6주 동안 총 8번의 수업

6/12(토) 개강, 7/17(토) 종료

⏰ 수업 시간

토요일 11-12:30pm / 수요일 8-9:30pm

✨ 수업 신청

카우치코딩 사이트 수업카드에서 "수업 결제하기" 클릭 → 결제 즉시 자동 신청 완료

🔗 바로가기 링크

이 수업이 나에게 적합할지 여전히 고민되신다면, "수업 문의하기"를 클릭해 담당 멘토에게 무료 상담 받아보세요 🙂

수강후기

석금용 멘티(포트폴리오 1기 수업 후 현재 FE 개발자로 취업)
이민영 멘티(포트폴리오 1기 수업 후 현재 FE 개발자로 취업)