프로젝트 배경
자동전화 서비스는 멘트 설정, 대상자 등록, 예약 발신, 진행 모니터링과 결과 확인이 서로 연결되어야 합니다. 기존 API 명세를 실제 운영자가 사용할 수 있는 관리자 흐름으로 바꾸고, 백엔드 연동 전에도 전체 사용성을 검증할 수 있는 프론트엔드 시제품이 필요했습니다. 핵심 목표는 캠페인 운영의 전체 단계를 한 웹 화면에 정리하고, 기존 ACS API와의 연결 지점을 명확하게 만드는 것이었습니다.
프로젝트 성과
캠페인 운영 흐름 통합
멘트 설정부터 대상자 등록, 캠페인 실행, 실시간 상태와 결과 조회까지 네 개 화면으로 통합했습니다.
API 연동 검증 시간 단축
화면별 API 테스트와 Base URL 전환 기능을 제공해 요청 필드와 서버 응답을 프론트엔드에서 바로 점검할 수 있도록 했습니다.
핵심 기능
진행 단계
화면 및 데이터 구조 설계
2026.07.
기존 화면 자료와 ACS 명세를 분석해 멘트, 캠페인, 대상자, 모니터링 데이터 구조를 정리했습니다.
프로젝트 상세
1) 포트폴리오 소개 - 자동전화 캠페인의 멘트, 대상자, 발신 일정, 진행 상태와 결과를 한 화면에서 관리하는 웹 관리자 화면입니다. - 기존 ACS 명세에 맞춘 폼 요청 함수를 분리하고 화면별 API 테스트 기능을 제공해 운영 서버 연동 전에도 요청값과 응답을 검증할 수 있도록 구성했습니다. 2) 작업 범위 - React 기반 오토콜 관리자 UI 설계 및 개발 - 멘트






