Works
경기대학교

신입생 커리어 로드맵 웹서비스

대학 · 교육 / 2023 / 기획 · UX/UI · 프론트엔드 · 백엔드 · 관리자

01
OVERVIEW

프로젝트 개요

커리어 메타캠프에 참여한 신입생이 스스로 진로를 계획해보는 웹서비스. 작성 결과를 PNG/PDF로 저장하고, 인재개발처가 전체 결과를 엑셀로 일괄 취합할 수 있게 했습니다.

경기대학교 커리어 로드맵 작성 안내 화면
02
PROBLEM

풀어야 했던 문제

  • 신입생이 커리어를 스스로 계획해보기 위한 도구가 필요
  • 작성 결과를 학생이 보관하거나 공유하기 어려움
  • 참여 학생 전체의 작성 내용을 취합할 방법이 필요
커리어 로드맵 작성 단계 화면
03
SOLUTION

해결한 방식

  • 단계별 작성 UI와 도우미 툴바로 작성 부담을 낮춤
  • 작성 결과를 PNG/PDF로 저장
  • 관리자에서 전체 결과를 열람하고 엑셀로 일괄 다운로드
작성 결과를 표로 보여주는 화면
04
BUILD

주요 구현

커리어 로드맵 작성과 보조 툴바작성 결과 조회 및 PDF/PNG 다운로드공지사항, 문의사항, 댓글과 비공개 기능관리자 권한 (비공개 열람, 삭제)회원 관리와 작성 결과 엑셀 일괄 다운로드회원·결과 검색 (이름·학번·메일), 반응형
Next.jsMUINode.js (Express)MySQL
작성 결과를 관리하는 관리자 화면

정해진 방식 대신,
목적에 맞게.

프로젝트의 목적과 현재 상황을 들려주세요.
필요한 범위와 방법을 함께 정리하고, 운영 가능한 결과까지 구현합니다.

프로젝트 문의하기