한국에서 일하려는 외국인이 치르는 EPS-TOPIK 시험을 준비하도록, 문제 풀이와 듣기 학습을 웹과 앱에서 함께 제공하는 학습 플랫폼을 구축했습니다. 1) 서비스 구성 - 단원별 문제 풀이: 과목ㆍ단원 단위로 문제를 풀고 결과를 기록 - 듣기 학습: 음성을 들으며 푸는 듣기 문제를 별도로 제공 - 학습 이력: 푼 문제와 점수를 남겨 약한 부분을 확인 - 경품 추첨: 학습을 이어가도록 응모ㆍ추첨 기능 제공 2) 담당 범위 - Next.js 기반 웹 화면 개발 - Flutter 기반 모바일 앱 개발 - Spring Boot 기반 API 서버 설계와 구현 (문제, 학습 이력, 추첨) - 문제ㆍ정답ㆍ음성 데이터 구조 설계 3) 기술적 이슈와 해결 - 학습자 상당수가 통신 환경이 고르지 않아, 단원 단위로 문제를 내려받아 두고 네트워크가 끊겨도 이어서 풀 수 있게 했습니다. - 듣기 문제는 음성 파일 용량이 커서, 필요한 문제의 음성만 그때그때 받아오도록 처리해 초기 로딩을 줄였습니다. - 웹과 앱이 같은 학습 이력을 봐야 해서, 이력 저장을 서버 기준으로 두고 양쪽이 같은 API를 쓰도록 맞췄습니다. [배경과 목표] 1) 문제점 - 시험 대비 자료가 흩어져 있어 무엇부터 풀어야 할지 알기 어려움 - 듣기 학습은 별도 자료를 구해야 해 준비 과정이 번거로움 - 학습자의 통신 환경이 고르지 않아 온라인 전용 서비스는 끊기기 쉬움 2) 프로젝트 목표 - 문제 풀이와 듣기 학습을 한 서비스에서 처리 - 웹과 앱 어디서든 같은 학습 이력 확인 - 통신이 불안정해도 학습이 끊기지 않는 구조 3) 주안점 - 단원 단위 오프라인 풀이 - 음성 파일의 선택적 다운로드 - 웹ㆍ앱 공통 학습 이력 기준 [주요 기능] - 단원별 문제 풀이: 과목ㆍ단원 단위로 문제를 풀고 결과를 기록합니다. 단원을 내려받아 두면 통신이 끊겨도 이어서 풀 수 있습니다. - 듣기 학습: 음성을 들으며 푸는 듣기 문제를 제공하고, 필요한 문제의 음성만 받아와 초기 로딩 부담을 줄였습니다. - 학습 이력과 경품 추첨: 웹과 앱이 같은 학습 이력을 보여주고, 응모ㆍ추첨 기능으로 학습을 이어가도록 유도합니다. [성과] - 통신 환경 제약 해소: 단원 단위 다운로드를 지원해, 통신이 고르지 않은 학습자도 끊김 없이 문제를 풀 수 있습니다. - 웹ㆍ앱 학습 이력 통합: 이력 저장을 서버 기준으로 두어, 웹과 앱 어디서 풀어도 같은 학습 기록과 점수를 확인합니다. [진행 과정] - 2024.01. 학습 범위 정의: 시험 과목과 단원 구성, 듣기 학습 방식과 경품 정책을 확정했습니다. - 2024.03. 문제ㆍ음성 데이터 설계: 문제ㆍ정답ㆍ해설과 음성 파일 구조, 학습 이력 기준을 설계했습니다. - 2024.05. 웹ㆍ앱ㆍ서버 개발: Next.js 웹과 Flutter 앱, Spring Boot API를 개발했습니다. - 2024.10. 콘텐츠 등록 및 오픈: 문제와 음성 콘텐츠를 등록하고 오프라인 풀이를 검증한 뒤 오픈했습니다. [프로젝트 정보] - 기간: 2024.01 ~ 2024.12 - 역할: 풀스택 개발 - 기술: Flutter, next.js, Spring Boot, Java * 표시 금액은 비슷한 규모 작업의 시작 견적(참고용)이며, 실제 금액은 범위 확인 후 안내드립니다.

KLAP4U EPS-TOPIK 학습 플랫폼 구축 대표 이미지

학습자용 듣기 문제 - 음성 재생 속도 조절과 보기 선택

앱 홈 - 출석 체크와 학습 콘텐츠 진입

포인트 추첨 - 보유 티켓과 당첨 결과, 구매 내역 확인

앱 홈 (동일 화면) - 배너와 출석 영역