목록으로 돌아가기사이트 방문
학생용 진로공식검사 서비스
턴키 프로젝트
중·고등학생을 위한 진로적성검사 서비스
심리검사 수행부터 점수 분석, 맞춤형 개선 제안까지 제공하며, 관리자용 대시보드와 엑셀 내보내기 기능을 포함합니다.
1 / 5
담당 역할
기획디자인프론트엔드백엔드
기술 스택
Next.js
TypeScript
PostgreSQL
Prisma
NextAuth
Zustand
Tailwind CSS
Chart.js
주요 기능
- 5단계 검사 워크플로우: 안내부터 결과 확인까지 단계별 진행으로 사용자 이탈 최소화
- 맞춤형 결과 리포트: 5개 진로 발달 단계별 점수 분석 및 시각화, 취약 영역별 개선 제안 제공
- 기존 검사 결과 조회: 검사 코드와 전화번호로 과거 결과 검색 및 재열람 가능
- 관리자 대시보드: 검사 결과 목록 조회, 다중 필드 검색, 페이지네이션 지원
- 엑셀 내보내기: 전체 검사 데이터를 43개 문항 응답 포함 스프레드시트로 다운로드
수행 업무
- 다단계 가중치 점수 산출 시스템: 2계층 카테고리 구조에서 문항별·영역별 가중치를 반영한 정교한 점수 계산 로직 구현
- Zustand 기반 멀티스텝 상태 관리: 5단계 워크플로우 전반에 걸쳐 검사 진행 상태와 응답 데이터를 안정적으로 유지
- React Hook Form + Zod 검증 파이프라인: 클라이언트-서버 양단에서 일관된 유효성 검사로 데이터 무결성 확보
- NextAuth JWT 기반 인증 시스템: 역할 기반 접근 제어(관리자/학생)와 보호된 API 라우트 구현
- Server Actions 활용 데이터 처리: Next.js 14의 서버 액션으로 폼 제출 및 데이터 변경을 타입 안전하게 처리
- 동적 엑셀 생성 API: XLSX 라이브러리로 실시간 워크북 생성 및 바이너리 스트리밍 구현
- 인쇄 최적화 레이아웃: CSS 미디어 쿼리로 화면/인쇄 모드 구분, 페이지 나눔 방지 처리
#교육
#심리검사
#Next.js
#풀스택
#대시보드
#데이터분석