/README

포트폴리오 작성부터 채용 공고 확인까지 한 번에 가능한 취업 지원 솔루션

리드미

포트폴리오 작성부터 채용 공고 확인까지 한 번에 가능한 취업 지원 솔루션


📌 Notice

리드미는 현재 프론트엔드 저장소와 백엔드 저장소가 분리되어 있습니다.
해당 저장소는 홍보용으로 자세한 코드는 HSU-README를 참고해 주세요!


📝 작품소개

학생들은 자기 경험을 포트폴리오로 표현해냅니다.
하지만 포트폴리오를 제작하는 것은 희망하는 분야에 따라 매우 다양하고 어렵기에,
저희는 대학생들이 더욱 쉽게 포트폴리오를 디자인할 수 있고 관심 분야와 연관된 다른 사람들의 디자인을 제공하고자 했습니다.
추가로 기업 채용공고 등록시스템을 도입하여 리드미에서 손쉽게 원하는 분야의 채용 공고를 확인하거나 등록 & 관리할 수 있습니다.


🌁 프로젝트 배경

대학생 때 인턴이나 정규직에 지원할 때, 이직을 할 때에도 대부분의 회사들은 자유 형식의 포트폴리오를 제출하게 됩니다.
포트폴리오를 작성하는데 익숙하지 않은 학생들은 레이아웃을 구성하고 디자인하는데 큰 어려움을 겪게 되고 방대한 양의 포트폴리오 양식 중 자신에게 맞는 포트폴리오 양식을 찾기 어렵습니다.

기존의 타 서비스들은 단순한 문서 작업 및 웹 사이트를 만드는 목적에만 집중되어 있을 뿐 사용자 맞춤형 포트폴리오 양식을 제공하는 경우가 없었습니다.

서비스명 플랫폼 유형 특징 단점
아임 웹(Imweb) WEB 개발에 전문적인 지식이 없어도 디자인 블록을 활용하여 웹사이트를 만들 수 있음. 웹사이트 개발에 맞추어져 있어 문서를 만드는 것에는 불필요.
파워포인트 / 워드 WEB / EXE 다양한 문서를 만들 수 있는 기능을 제공. 작성할 수 있는 디자인 기능이 방대하여, 디자인에 어려움을 느끼는 학생들이 접근하기 어려움.
잡코리아 WEB 취업에 알맞은 자소서를 작성할 수 있게 양식 제공. 취업에 특화된 웹사이트로 자기소개서 양식만을 제공.
구글 문서 WEB 실시간으로 다수의 사용자와 수정 및 작성 가능. 제공되는 양식 및 디자인 도구가 매우 부족.

따라서 이 문제를 해결하기 위해 누구나 손쉽게 접근하여 자신만의 포트폴리오를 작성하는 웹 서비스를 제공하고자 합니다.
단순하게 포트폴리오를 만드는 기능뿐만 아니라 학과별 포트폴리오 양식을 제공하여 취업을 준비하고 있는 학생들에게 포트폴리오 작성의 애로사항을 줄여 줄 수 있을 것입니다.
채용공고 등록 시스템을 도입하여 원하는 기업의 채용공고를 확인하여 즉각적으로 적합한 포트폴리오를 작성할 수 있습니다.


🎞 Demo

리뉴얼 전 리드미 시연영상보기
리뉴얼 후 리드미 시연영상보기


⭐ 주요 기능

  • 메인페이지 : 인기 포트폴리오, 전체 포트폴리오, 채용공고 제공

스크린샷 2022-10-11 오후 8 10 43

  • 양식 선택 : 새 양식, 기본 포트폴리오 양식 선택

스크린샷 2022-10-11 오후 8 13 01

  • 양식 미리보기 : 양식 미리보기 후 불러오기가 가능하며, 좋아요 기능 적용

5

  • 양식 제작 : Drag&Drop 방식으로 이미지, 텍스트, 구분선, 표, 아이콘 등을 이용하여 포트폴리오 제작

6

  • 양식 PDF저장/생성 : 생성한 양식을 PDF형식으로 저장 가능. 태그, 공개 여부, 썸네일 등을 추가하여 사이트에 업로드

스크린샷 2022-10-11 오후 8 14 25

  • 양식 검색 : 제목이나 태그를 통해 포트폴리오 검색

스크린샷 2022-10-11 오후 8 18 42

  • 채용공고 등록 : 필요한 채용 정보를 작성하여 공고를 등록 및 조회

스크린샷 2022-10-11 오후 8 27 34

  • 로그인/회원가입 : 학생(구직자)과 기업(구인자)의 유형에 따른 가입 분류로 데이터를 입력

10

스크린샷 2022-10-11 오후 8 23 06

  • 마이페이지 : 학생유저(유저정보, 좋아요 누른 포트폴리오, 자신의 포트폴리오 관리) | 기업유저(유저정보, 자신의 채용공고 관리)

스크린샷 2022-10-11 오후 8 26 04

스크린샷 2022-10-11 오후 8 34 44


🔨 프로젝트 구조

아키텍처

기능처리도


🔧 Stack

Frontend(Web)

  • Language : JavaScript, TypeScript
  • Library & Framework : React, Styled-Components, Axios, Recoil, React-Quill, React-Rnd, React-To-Pdf
  • Deploy: Netlify

Backend

  • Language : Java
  • Library & Framework : Spring Boot
  • Database : MySQLDB
  • ORM : JPA
  • Deploy: Heroku, Firebase(Storage)

💡 기대효과

자신이 만든 포트폴리오 양식을 웹 사이트에서 관리 및 공유를 할 수 있어 인터넷에 연결만 되어 있다면 언제 어디서든 디자인을 할 수 있다.

드래그 앤 드롭 (DND) 기술과 이를 활용하는 법에 대해 학습할 수 있다.

데이터 형성과 상태관리, 구축 기술, 서비스 배포에 대해 학습할 수 있다.

RESTful API를 적용한 프론트엔드&백엔드 간의 통신을 학습할 수 있다.


👍 활용분야

편의성: 학생과 취업준비생이 문서 형식에 구애받지 않고 손쉽게 포트폴리오 제작이 가능하다.

확장성: 학생과 취업준비생 뿐만 아니라 기업 등의 고유 양식으로도 제공하여 다양한 분야에 활용할 수 있다.

수익성: 사용자가 자신의 디자인을 판매해 수익을 창출할 수 있고 운영자는 판매 수수료를 통하여 수익 창출이 가능하다.

획일화된 양식: 제출물을 하나의 디자인 양식으로 관리하여 자료를 분류 및 보관하는데 용이하다.


🙋‍♂️ Developer

Backend Frontend Frontend Frontend
박정근 유준호 이재영 이찬우