본문으로 바로 가기
프로젝트 목록으로

공군 점수 계산기

공군 모집요강을 입력 항목으로 바꾸고, 계산한 점수를 과거 합격선과 비교할 수 있도록 만든 웹 서비스

기간
2025. 10 - 2026. 03
역할
점수 계산과 예측 기능 개발, 서비스 운영 및 UX 개선
사용 기술
  • Next.js
  • TypeScript
목차 보기

개요

공군 지원자가 점수와 과거 합격선을 한 흐름에서 비교할 수 있도록, 모집요강을 데이터화하고 점수 계산과 예측 기능을 개발했습니다. 서비스 운영도 맡아 사용자 행동을 분석하고 모바일 사용성을 개선했습니다.

모집요강에서 전공과 자격증, 가산점 조건을 직접 찾아 적용하고, 과거 커트라인을 별도로 확인해야 했습니다. 입력 항목 선택부터 점수 계산, 과거 합격선 비교까지 하나의 흐름으로 구성했고, 계산은 브라우저에서 끝내도록 했습니다.

주요 기능

  • 점수 계산: 전공과 자격증, 가산점 조건을 선택하면 배점 기준에 따라 계산
  • 지원 구간 안내: 과거 커트라인과 비교해 안정권, 적정, 위험 구간으로 표시
  • 브라우저 내 계산: 입력 정보를 별도 서버에 보내지 않고 결과 확인
모집 조건 입력과 점수 계산 결과 화면

구현과 개선

  1. 모집 기준을 바꾸기 쉬운 입력 구조

    전공과 자격증, 가산점 등 모집요강의 조건을 입력 항목으로 구성했습니다. 모집 단계와 입력 항목은 JSON 설정으로 정의하고, React 화면이 해당 설정에 따라 입력 UI를 구성하도록 했습니다. 모집 기준이 바뀌면 화면 구성과 계산 규칙을 구분해 수정할 수 있습니다.

    점수 계산과 예측 로직은 브라우저에서 실행하고 정적 페이지로 배포했습니다. 계산을 위해 입력한 정보를 별도 서버에 전송하지 않습니다.

  2. 과거 커트라인을 활용한 지원 구간 안내

    최근 2년간의 커트라인과 최근 추세, 시기별 변동을 반영해 계산 결과를 과거 합격선과 비교했습니다. 합격과 불합격 판정 대신 안정권, 적정, 위험 구간으로 표시해 점수를 해석할 수 있도록 했습니다.

  3. 실제 사용자 행동을 바탕으로 모바일 UX 개선

    Microsoft Clarity의 히트맵과 세션 리플레이를 분석하고 사용자 인터뷰를 진행했습니다. 초기화와 내비게이션 조작의 불편, 선택지 버튼을 클릭 가능한 요소로 인식하지 못하는 상황을 확인하고, 주요 버튼의 위치와 시인성을 개선했습니다.

사용 기술

프론트엔드

  • Next.js
  • TypeScript
  • Vite
  • Tailwind CSS
  • Zustand

분석

  • Microsoft Clarity
  • GA4

결과와 현재 상태

30일 방문자 11,280명

운영 기간 중 30일간 방문자 11,280명, 페이지 조회 27,977회를 기록했습니다.

Web Analytics의 최근 30일 통계.

2026년 4월 공군 일반병 점수제 폐지로 점수 계산기의 필요성이 사라졌습니다. (관련 보도)