플러스프로젝트 배경
1) 문제점 - 리커트 5점/7점 척도 슬라이더가 모바일 터치 환경에서 정확한 값 선택이 어려웠던 문제 — Range Input의 step 속성과 snap-to-step CSS 커스텀 스타일링으로 터치 영역을 확대하고, 선택된 값을 라벨로 즉시 표시하는 피드백 UI 추가 - 엑셀 파일의 컬럼 구조가 연구자마다 다른 형식으로 업로드되어 자동 파싱이 실패하는 문제 — SheetJS 파싱 후 컬럼 매핑 UI를
프로젝트 성과
엑셀 기반 원점수-표준점수 변환 파이프라인 구현
SheetJS로 엑셀 파일 파싱 후 컬럼 매핑 UI에서 검증, 원점수를 Z점수·T점수·백분위로 자동 변환하는 통계 처리 모듈을 구현하여 연구자의 수작업 엑셀 분석을 자동화
jStat 기반 독립표본 t-test 통계 분석 자동화
jStat 라이브러리로 독립표본 t-test의 t값·p값·자유도·Cohen's d 효과크기를 자동 산출하고, 유의수준 0.05 기준 판정 결과를 카드 UI로 즉시 표시하는 분석 워크플로우 구현
6개 적성 영역 레이더 차트 프로파일 시각화 설계
Recharts RadarChart로 언어/수리/공간/논리/사무/기계 6축 적성 프로파일을 시각화하고, 기준 그룹 평균을 반투명 오버레이로 겹쳐 개인-집단 비교가 직관적으로 가능한 차트 구조 설계
html2canvas + jsPDF PDF 리포트 자동 생성 구축
차트·테이블·텍스트를 포함한 리포트 화면을 html2canvas로 캡처 후 jsPDF로 A4 PDF 변환, 페이지 분할 자동 처리 및 Custom Hook(useReportGenerator)으로 생성 파이프라인
검사 응시 자동 임시저장 및 세션 복구 구현
localStorage 기반 30초 간격 자동 임시저장으로 브라우저 중도 이탈·새로고침 시 응답 데이터 보존, 재접속 시 복구 다이얼로그를 표시하여 응시자가 이어서 검사를 진행할 수 있는 세션 관리 구현
핵심 기능
검사 대시보드
활성 검사 목록, 응시 현황 KPI 카드, 일별 응시 추이 차트를 한눈에 파악하는 메인 대시보드. KPI 카드 그리드 + Recharts 일별 응시 추이 BarChart + 활성 검사 테이블
진행 단계
직무적성 검사 도메인 분석 및 DB 스키마 설계
2025.04.
검사유형·문항·응답·점수·리포트 5개 도메인 간 관계형 스키마 설계, PostgreSQL 12개 테이블 및 Prisma ORM 모델 정의, 리커트 척도/단일선택/복수선택 문항 타입 분기 구조 설계
프로젝트 상세
1) 포트폴리오 소개 기업 채용 및 인재 배치를 위한 직무적성 온라인 검사 플랫폼을 Node.js + Express + PostgreSQL 기반으로 설계·구현했습니다. 검사 문항 응답 UI, 엑셀 기반 원점수-표준점수 변환 및 t-test 통계 분석 자동화, Recharts 기반 적성 프로파일 시각화, PDF 리포트 다운로드, 관리자 응시자 접속 로그 대시보드를 포함한 6개 핵심 화면을 React + Typ
