플러스프로젝트 배경
1) 문제점 - 대규모 노드 배치 시 동기적 렌더링으로 인한 화면 프리징 현상 발생 (초기 로딩 약 9초 소요) - 실시간 센서 시각화 도구가 외부 파일로 분리되어 데이터 동기화와 수업 흐름의 단절 발생 - 복잡한 객체 배열 구조의 상태 관리로 인한 조회 성능 저하 및 실시간 데이터 업데이트 지연 2) 프로젝트 목표 - 렌더링 최적화: Batch Rendering 시스템 도입을 통해 로딩
프로젝트 성과
렌더링 성능 최적화
requestAnimationFrame 기반 Batch Rendering 도입으로 초기 로딩 속도 약 77% 단축 (9s → 2.1s)
상태 관리 아키텍처 개선
데이터 구조를 Map 기반으로 리팩토링하여 데이터 조회/수정 성능 약 93% 향상 (O(n) → O(1))
커스텀 위젯 내제화
외부 레거시 도구를 React 위젯으로 독자 개발하여 시스템 통합 및 실시간 데이터 동기화 성공
운영 안정성 강화
Sentry 기반의 실시간 모니터링 체계 구축으로 장애 대응 리드타임 당일 이내로 단축
핵심 기능
상황별 맞춤형 교육 템플릿 생성
수업 목적과 참여 방식에 따라 자유형, 연결형(마인드맵), OX형, 투표형 등 9가지 이상의 특화된 게시판 유형을 선택하여 최적의 학습 환경 세팅
진행 단계
Step 1. 요구사항 분석 및 설계
2023.11.
실시간 도메인 특성에 맞는 기술 스택 선정 및 아키텍처 설계
프로젝트 상세
1) 포트폴리오 소개 - 에듀테크 / 실시간 협업 플랫폼 - 교사와 학생이 무한 캔버스 위에서 실시간으로 상호작용하며 학습 데이터를 공유하는 양방향 교육 플랫폼 개발 2) 작업 범위 - Front-end 개발: 플랫폼 핵심 아키텍처 설계, 데이터 시각화 엔진 전담 개발 - 기능 내제화: 외부 레거시 모듈의 컴포넌트화 및 시스템 통합 개발 - 지원 환경: 반응형 웹 (PC, 태블릿, 모바일
