프로젝트 배경
프로젝트 배경
문제점)
- 기존 SK쉴더스 입사교육은 오프라인 중심으로 진행되어 교육 이력 관리와 역량 평가 추적이 체계적이지 않음
- 교육 과정별 진도, 평가 결과, 수료 현황 등을 통합 관리할 수 있는 시스템 부재
- 역량평가 데이터가 분산되어 있어 타 서비스와의 연동 및 데이터 재활용이 어려움
- 교육 운영자가 콘텐츠와 수강생을 관리할 수 있는 어드민 도구가 미흡
프로젝트 목표)
- 입사교육 전 과정을 온라인으로 관리할 수 있는 통합 교육 플랫폼 구축
- 과정별 교육 관리, 역량 평가, 수료 현황을 한눈에 파악할 수 있는 시스템 개발
- 역량평가 서버(CAS-Server)를 분리하여 타 서비스 연동 및 데이터 재활용 구조 확보
- 어드민 페이지를 통한 교육 콘텐츠 및 수강생 관리 기능 제공
주안점)
- 교육 운영자와 수강생 모두가 직관적으로 사용할 수 있는 UX 설계
- 대규모 수강생 데이터와 평가 결과를 안정적으로 처리할 수 있는 구조
- 프론트엔드와 어드민을 분리 운영하여 보안성과 관리 효율성 확보
- 실제 교육 현장에 바로 적용 가능한 완성도 높은 시스템 구현
문제점)
- 기존 SK쉴더스 입사교육은 오프라인 중심으로 진행되어 교육 이력 관리와 역량 평가 추적이 체계적이지 않음
- 교육 과정별 진도, 평가 결과, 수료 현황 등을 통합 관리할 수 있는 시스템 부재
- 역량평가 데이터가 분산되어 있어 타 서비스와의 연동 및 데이터 재활용이 어려움
- 교육 운영자가 콘텐츠와 수강생을 관리할 수 있는 어드민 도구가 미흡
프로젝트 목표)
- 입사교육 전 과정을 온라인으로 관리할 수 있는 통합 교육 플랫폼 구축
- 과정별 교육 관리, 역량 평가, 수료 현황을 한눈에 파악할 수 있는 시스템 개발
- 역량평가 서버(CAS-Server)를 분리하여 타 서비스 연동 및 데이터 재활용 구조 확보
- 어드민 페이지를 통한 교육 콘텐츠 및 수강생 관리 기능 제공
주안점)
- 교육 운영자와 수강생 모두가 직관적으로 사용할 수 있는 UX 설계
- 대규모 수강생 데이터와 평가 결과를 안정적으로 처리할 수 있는 구조
- 프론트엔드와 어드민을 분리 운영하여 보안성과 관리 효율성 확보
- 실제 교육 현장에 바로 적용 가능한 완성도 높은 시스템 구현
프로젝트 성과
디지털 선도기업 아카데미 사업 선정
중소벤처기업부 주관 디지털 선도기업 아카데미 사업에 선정되어 정부 지원 프로젝트로 인정
실교육 환경 적용
SK쉴더스 8기부터 실제 입사교육에 적용되어 운영 중
프론트엔드 단독 개발
React.js 기반 프론트엔드 전체를 1인 개발로 완수, 2인 개발팀 체제에서 프론트엔드 전담
핵심 기능
교육 관리 시스템
과정별 교육 진도 관리, 커리큘럼 구성, 수강생 출결 및 수료 현황 통합 관리
역량 평가 시스템
CAS-Server 기반 역량평가 관리, 평가 결과 분석 및 리포트 생성, 타 서비스 연동 구조
어드민 페이지
교육 콘텐츠 관리, 수강생 관리, 평가 결과 조회 및 통계 대시보드
진행 단계
요구사항 분석 및 설계
2021.12.
SK쉴더스 교육팀 요구사항 수집, 교육 플랫폼 기능 정의,
시스템 아키텍처 및 데이터 구조 설계
시스템 아키텍처 및 데이터 구조 설계
프론트엔드 개발
2022.01.
React.js 기반 교육 관리 화면 개발,
역량평가 연동 및 결과 시각화 구현,
어드민 페이지 개발
역량평가 연동 및 결과 시각화 구현,
어드민 페이지 개발
인프라 구축 및 배포
2022.06.
Docker·Nginx 기반 배포 환경 구축,
Admin/Front 도메인 분리 운영 설정,
운영 환경 안정화
Admin/Front 도메인 분리 운영 설정,
운영 환경 안정화
테스트 및 실서비스 적용
2022.07.
QA 및 버그 수정, 교육팀 피드백 반영,
SK쉴더스 8기 입사교육부터 실서비스 적용
SK쉴더스 8기 입사교육부터 실서비스 적용
프로젝트 상세
프로젝트 상세
- React.js 기반 프론트엔드 전체 아키텍처 설계 및 개발 (1인 담당)
- 과정별 교육 관리 및 평가 결과 관리 시스템 구현
- 역량평가 서버(CAS-Server) 분리 설계로 타 서비스 연동 및 데이터 재활용 구조 확보
- 어드민 페이지 개발 및 교육 콘텐츠·수강생 관리 기능 구현
- Docker·Nginx 기반 배포 환경 구축 및 도메인 관리 (Admin, Front 분리 운영)
- 2인 개발팀 체제에서 프론트엔드 전담, 백엔드 개발자와 협업하여 API 설계 및 연동
기술 스택
- Frontend: React.js
- Infra: Docker, Nginx
- 협업: 2인 개발팀 (프론트엔드 1인, 백엔드 1인)
- React.js 기반 프론트엔드 전체 아키텍처 설계 및 개발 (1인 담당)
- 과정별 교육 관리 및 평가 결과 관리 시스템 구현
- 역량평가 서버(CAS-Server) 분리 설계로 타 서비스 연동 및 데이터 재활용 구조 확보
- 어드민 페이지 개발 및 교육 콘텐츠·수강생 관리 기능 구현
- Docker·Nginx 기반 배포 환경 구축 및 도메인 관리 (Admin, Front 분리 운영)
- 2인 개발팀 체제에서 프론트엔드 전담, 백엔드 개발자와 협업하여 API 설계 및 연동
기술 스택
- Frontend: React.js
- Infra: Docker, Nginx
- 협업: 2인 개발팀 (프론트엔드 1인, 백엔드 1인)










