편집

• 개발 기간 : 20.07.20 ~ 20.08.21
• Front-end : Vue.js
• Back-end : SpringRestful
• 6명이 한 팀으로 진행.
• 내가 맡은 역할 : 팀장 & 프론트, 백엔드 (프론트 엔드 개발 위주 - 특히, 포트폴리오페이지 프론트, 백 모두 개발)
• 프로젝트 소개 : 편집자와 편집자를 찾는 사람들 사이의 매칭 플랫폼
• 프로젝트 특장점
  • CF알고리즘을 통한 사용자 맞춤 편집자 추천
  • Redis를 이용하여 보다 빠른 검색결과 반환
  • 알람 페이지에 스케줄러 기능 제공
• 프로젝트에 대한 자세한 소개
• 화면 캡쳐 오른쪽 하단에 있는 화살표 표시는 원래는 한개이지만 캡쳐하면서 여러개가 캡쳐되었음.

메인페이지

로그인 전

로그인 후

• CF알고리즘을 이용하여 추천 시스템 개발하였습니다.

로그인 후_편집자 알림

• 요청된 작업이 있는 경우 빨간색으로 표시됩니다.

• 알림 아이콘을 누를 경우 간단하게 알림 요청을 확인할 수 있습니다.

• 일반사용자의 경우도 편집자가 요청 수락시 알림을 확인할 수 있습니다.

검색페이지_전체보기

검색_Stepper를 통한 정보 검색

Stepper

Stepper를 통한 검색 페이지

• Stepper를 통해 조건을 입력하면 입력한 사항이 검색 페이지에 반영되어 편집자 리스트를 출력합니다.
• 편집자 리스트는 작업 이력을 통해 조건과 일치하는 편집자를 반환합니다.

포트폴리오 페이지

• 일반사용자가 보게 되는 모습입니다.

• 편집자가 본인의 포트폴리오 페이지를 보는 경우 보게 되는 모습입니다.

포트폴리오 등록 및 수정

등록

수정

요청서

• Stepper를 통한 검색 후 포트폴리오 페이지에서 요청하기 버튼을 누르면 아래와 같이 정보가 자동으로 입력되어 요청하기 버튼을 통해 편집을 요청할 수 있습니다.
• Stepper를 통하지 않고 리스트에서 포트폴리오로 들어온 후 요청하는 경우에는 사용자가 입력하여 요청하기 버튼을 통해 편집을 요청할 수 있습니다.

알람 페이지

일반사용자

편집자_요청 받은 작업 보기

편집자_일반사용자 모드

북마크 리스트 페이지

로그인

• 로그인은 구글 로그인과 일반 로그인을 지원합니다.

• 로그인 실패 시

회원가입