bulldozer1 · 위시켓(Wishket)

프로젝트 배경

1) 문제점
기존 우편/이메일 접수 방식의 비효율성 및 데이터 관리의 어려움
접수 현황 파악이 어렵고, 서류 누락이나 분실 위험 상존
심사위원에게 실물 원고를 전달하거나 파일을 일일이 메일로 전송해야 하는 보안/운영상의 비효율
지원자 입장에서 본인의 접수 상태를 실시간으로 확인하기 어려움

2) 프로젝트 목표
디지털 전환(DX): 오프라인 중심의 문학상 공모 절차를 100% 온라인화하여 운영 효율 극대화
원스톱 프로세스 구축: [공모 확인 → 본인 인증 → 작품 접수 → 심사 → 결과 발표]까지 단일 플랫폼에서 처리
심사 환경 개선: 별도 뷰어 설치 없이 웹에서 바로 원고를 열람하고 평가할 수 있는 스마트 심사 환경 제공
데이터 보안 및 무결성: 지원자 정보와 작품 데이터의 안전한 관리 및 블라인드 심사 체계 지원

3) 주안점
대용량 원고 파일의 안정적인 업로드 및 PDF 변환/미리보기 기술 구현
장시간 입력이 필요한 지원서 작성 경험(UX) 개선 (임시 저장, 단계별 진행)
심사위원의 연령대를 고려한 직관적이고 단순한 UI/UX 설계
다양한 디바이스(PC, 태블릿, 모바일)를 지원하는 반응형 웹 환경 구축

프로젝트 성과

접수 처리 시간 단축

기존 우편/이메일 접수 확인 및 분류에 소요되던 시간을 자동화 시스템을 통해 90% 이상 단축
(평균 3일 → 실시간 처리)

심사 효율성 증대

웹 기반 전용 뷰어 도입으로 심사위원들의 원고 검토 및 평점 입력 소요 시간 40% 절감 및 종이 없는(Paperless) 심사 환경 구현

접수 오류율 감소

단계별 유효성 검사(Validation) 및 본인 인증 시스템 적용으로 서류 누락 및 오기입 등 접수 오류 발생률 0% 달성 (관리자 검수 부담 해소)

사용자 만족도 향상

직관적인 UI와 반응형 웹 적용으로, 지원자 대상 사용성 만족도 조사 고점 획득 가능

핵심 기능

통합 원고 접수 시스템

공모 분야(시, 소설, 평론 등)를 선택하고 단계별로 인증, 정보 입력, 파일 업로드를 진행하는 원스톱 프로세스 제공으로 접수 편의성 극대화

스마트 PDF 심사 뷰어

별도의 파일 다운로드 없이 브라우저 내에서 대용량 원고를 페이지별로 빠르게 로딩하고 열람할 수 있는 전용 뷰어 탑재

실시간 심사 평가 입력

뷰어 우측의 평가 패널을 통해 원고를 읽으며 즉시 점수와 심사평을 입력하고, 입력 데이터 자동 저장으로 데이터 유실 방지

관리자 통합 대시보드

공모전별 실시간 접수 현황, 심사 진행률, 심사위원 배정 상태 등을 시각화된 차트와 통계로 한눈에 모니터링 및 관리

진행 단계

기획 및 요구사항 정의

2025.12.

기존 접수 양식 분석 및 온라인 전환을 위한 필수 입력 항목 정의, 블라인드 심사를 위한 데이터 마스킹 규칙 수립

UI/UX 디자인

2025.12.

직관적인 Multi-step Form 설계, 장문 입력에 최적화된 텍스트 에디터 UI 및 심사 위원용 분할 화면(Split View) 뷰어 디자인

프론트엔드 개발

2025.12.

Next.js 기반의 SPA 구축, Zod+React Hook Form을 활용한 강력한 유효성 검사 로직 구현, 로컬 스토리지 기반 임시 저장 기능 개발

데이터 시각화 및 연동

2025.12.

Recharts를 활용한 일별 접수 통계 차트 구현, PDF.js를 이용한 웹 뷰어 연동 및 하이라이팅 기능 구현

테스트 및 최적화

2025.12.

브라우저 호환성 테스트, 모바일 반응형 QA, Hydration 오류 해결 및 번들 사이즈 최적화를 통한 로딩 속도 개선

프로젝트 상세

1) 포트폴리오 소개
국내 5대 문학상/공모전을 통합 관리하는 온라인 접수 및 심사 시스템 구축 프로젝트입니다. 작가 지망생들이 편리하게 작품을 응모할 수 있는 접수 프로세스와, 심사위원들이 웹에서 바로 작품을 열람하고 평가할 수 있는 효율적인 심사 환경을 제공합니다.

2) 작업 범위
Frontend 개발 (Next.js 14, TypeScript)
UI/UX 디자인 구현 및 고도화 (Tailwind CSS)
상태 관리 및 데이터 흐름 설계 (Zustand)
반응형 웹 (Mobile, Tablet, Desktop)
인터랙티브 차트 및 PDF 뷰어 통합

3) 주요 업무
단계별 통합 접수 시스템: 공모전 선택부터 본인 인증, 작품 정보 입력, 파일 업로드, 접수 완료까지 이어지는 사용자 친화적인 Multi-step Form 개발
심사위원 전용 뷰어: 별도의 다운로드 없이 브라우저에서 원고를 바로 열람할 수 있는 PDF 뷰어 및 평가 입력 시스템 구축
관리자 대시보드 및 시각화: 실시간 접수 현황, 일별 추이 그래프(Recharts), 심사 진행률 모니터링 기능 구현
상태 관리 최적화: 새로고침 시에도 작성 중인 데이터가 유실되지 않도록 LocalStorage 기반의 Store Persistence 구현

4) 주안점
사용자 경험(UX) 최적화: 복잡한 접수 절차를 직관적인 단계로 나누고, 입력 폼의 가독성과 터치 영역(Padding)을 충분히 확보하여 이탈률 최소화
완성도 높은 UI 디테일: 텍스트 줄바꿈 방지(Whitespace control) 및 다양한 디바이스 환경을 고려한 반응형 레이아웃 적용
데이터 무결성 및 안정성: Zod를 활용한 엄격한 폼 유효성 검사 및 브라우저 확장 프로그램 충돌(Hydration Error) 방지 처리