logo
한달 포트폴리오 멘토링
블로그

포트폴리오란?

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

포트폴리오에 들어갈 내용

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

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

  1. 프로젝트 설명
  2. 깃허브 & 도메인
  3. 사용한 기술 스택
  • 언어, 프레임워크
  • Frontend, Backend 나눠서 보기 좋게 정리합니다.
  1. 기능 설명
  • 프로젝트 주요 기능을 개발 용어를 최대한 사용하여 정리합니다.
  1. 담당역할 및 성과
  2. 레퍼런스
  • 기능 정의, 페이지 기획서, 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 개발자로 취업)
PortfolioAD
관련있는 글

couchcoding

2022-12-07

취업을 위한 포트폴리오를 어떻게 준비해야하나요? 의 110개💕의 하트를 받고 그 후..

일주일 만에 받은 110개의 하트(취업을 위한 포트폴리오를 어떻게 준비해야하나요?)를 통해 개발자 취업의 첫번째 관문인 포트폴리오(토이) 프로젝트를 하는 것을 많은 주니어 개발자들이 막막해하는 것을 알 수 있었다. 나 또한 취업과 이직 준비를 하는 동안 첫번째 관문인 ...

개발자 포트폴리오

네카라쿠배
초보 개발자
취업준비
포트폴리오
포트폴리오 수업

couchcoding

2022-12-07

6주 포트폴리오 제작기 : '초코음료🍫가 맛있는' 맞춤 카페 찾기 웹

카페메이트팀은 지난 8월부터 6주간 '카페메이트' 라는 카페 데이터를 크롤링하여 '분위기가 좋은, 초코음료가 존재하는' 등의 필터링으로 맞춤 카페를 찾아주는 웹사이트를 개발하였다. 2명의 프론트엔드(React) 개발자와 2명의 백엔드(Spring) 개발자가 기획부터 D...

개발자 포트폴리오

포트폴리오
python
spring
java
javascript
react
크롤링
selenium
kakao map

couchcoding

2022-12-07

웹 개발자 포트폴리오 A to Z(기획부터 배포까지)👩🏻‍💻

IT 회사에 개발자로 취업을 하려면 개발에 대한 지식 / 경력 / 실력이 필요합니다. 경력이 없는 신입(~3년 차)에게 회사가 지식과 경력과 실력을 확인하는 방법은 무엇일까요? 첫째는 학습한 기록(Git, 기술블로그) 둘째는 프로젝트 진행 경험(포트폴리오) 셋째는 코...

개발자 포트폴리오

초보 개발자
취업준비
포트폴리오
화면 기획
DB 설계
기획
API 설계

couchcoding

카우치코딩 공식 계정입니다.