image

proFolio | 프로폴리오 ?

  • 서비스명 : proFolio 프로폴리오

  • 개발기간 : 2021.10.12 ~ 2021.11.19 (6주)

?서비스 소개

proFolio란?

  • IT 입문자들을 위한 포트폴리오 작성 가이드를 제공하는 웹 서비스
  • 본인의 이력(학력, 자격증, 프로젝트 내용 등)을 작성한 후, 테마를 선택하면 포트폴리오로 변환해주는 서비스 제공
  • 취업 사진이 없는 지원자를 위한 취업용 사진 합성 서비스 제공

기획배경

  • 최근 개발자의 실력과 경험을 파악하기 위해 포트폴리오 제출을 요구하는 기업이 늘어남에 따라 지원자는 경쟁력 있고 완성도가 높은 포트폴리오를 구성해야 한다.
  • IT 입문자들이나 포트폴리오 작성 경험이 없는 지원자들은 포트폴리오 작성법, 들어가야 하는 내용을 잘 알지 못해 어려움을 겪고 있어 프로폴리오 서비스를 기획하게 되었다.
  • 포트폴리오 서비스 뿐만 아니라 취업에 필요한 취업용 사진 합성 서비스를 제공한다.

? UCC 영상

https://youtu.be/anClEBAousY

? 팀원 역할

팀원 역할 담당 업무
이수정 팀장 백엔드 개발, CI/CD
고동건 팀원 프론트엔드 개발, Django 개발
김하정 팀원 Full Stack 개발
엄재식 팀원 프론트엔드 개발
전혜민 팀원 Full Stack 개발

? 기술 스택

Front : Vue.js

Back : Spring, Django

Devops : docker, jenkins, nginx

Server : AWS, S3

DB : MySQL

project

? 구현

[메인화면]

main

메인페이지에서는 프로폴리오가 제공하는 서비스를 확인할 수 있습니다.

[로그인]

login

많은 사람들이 사용하는 구글, 네이버 소셜 로그인을 지원하고,
개발자를 위해 깃허브 계정 로그인을 지원합니다.

[이력서 작성 및 수정]

resume_part

  • 이력서 작성

    단계에 맞춰 포트폴리오에 들어갈 내용을 작성합니다.
    포트폴리오에 어떤 내용을 넣어야할지 모르는 IT 입문자들 혹은 포트폴리오를 처음 작성해보는 분들도 쉽게 작성이 가능합니다.

part.1 – 인적사항

part_1

이름, 연락처, 이메일, Github아이디, 자기소개를 입력합니다.

part.2 – 학력,경력,경험

part_2

학력, 경력, 경험 내용을 입력합니다.

part.3 – 어학,성적,수상

part_3

어학 성적, 자격증, 수상 경험을 입력합니다.

part.4 – 기술스택

part_4

Language, Management, Framework 본인 기술 스택을 입력합니다.

part.5 – 프로젝트

part_5

프로젝트 내용을 입력합니다.

resume_edit

  • 이력서 수정

    삭제하고 싶은 내용이 있거나 고쳐야할 부분이 있다면 ‘이력서 수정’을 통해서 가능합니다.

[포트폴리오]

  • 프로폴리오는 3가지의 테마를 제공합니다.
  • 이력서 작성 후, 원하는 테마를 선택하면 이력서 내용에 맞춰 포트폴리오로 변환해줍니다.
  • 변환된 포트폴리오 내용의 위치를 바꿀 수 있고, 내용을 추가하거나 삭제할 수 있습니다.

1. 변환 기능

portfolio

포트폴리오 생성을 누르면 테마를 선택할 수 있습니다.
테마를 선택하면 이력서 내용에 맞춰 포트폴리오로 변환됩니다.

2. 편집 기능

portfolio_swap

  • 위치 변경

    내용의 위치를 드래그로 변경할 수 있습니다.

portfolio_edit

  • 내용 삭제 및 추가

    편집 버튼을 눌러서, 내용을 삭제하거나 다시 추가할 수 있습니다.

[pdf변환]

pdf

편집을 마친 포트폴리오를 pdf로 변환하여 저장할 수 있습니다.

[취업사진 합성 기능]

photo

사진을 업로드한 후 원하는 헤어스타일, 옷과 배경을 선택하면 취업용 증명 사진으로 변환이 가능합니다.

?개발 규칙및 문서

Git 규칙

✔ Branch 규칙

develop -> BE,FE/feat/기능명

ex) FE/feat/editor

✔ Commit 규칙

[ FE / BE / DEV ] [Git 컨벤션(대문자)] Commit 메시지

ex) [FE] [feat] education API연결

Naming Rule
프론트엔드 백엔드
클래스명 : 첫글자 대문자 + Camel case
변수 : 첫글자 소문자 + Camel case
함수명 : save, find, update, delete + 엔티티이름(Camel case)
? 패키지 구조
공통 Response,Exception 문서

? 산출물

ERD

erd

와이어프레임

와이어프레임1

와이어프레임2

기능명세서

GitHub

View Github