About Me

정밀성이 요구되는 수학 교육 플랫폼 MathCanvas(에듀테크 콘텐츠 뷰어/리포트 도메인)에서 Vue 3 · Pinia · Three.js · FSD 기반 신규 기능 5건 · V2 리디자인 5건 출시. 성능 최적화·3D 안정화·SSOT 정착·latent bug 해소를 동시에 수행.

• 학생이 캔버스에서 교구를 조작한 '풀이 과정 기록'(교사가 되감아 재생하는 데이터)의 저장 용량을 최대 405배 절감 — 3D 활동 기준 3.7MB → 9.3KB. 저장 직전 경계에서만 변환해 재생 엔진은 한 줄도 안 고치고 품질 손실 0: ① 처음만 통째로 저장하고 이후엔 직전 상태와 비교해 달라진 값만 기록(델타) — 교구 이동 1회가 100KB → 약 40바이트로, ② 남은 데이터는 무손실 압축(gzip), ③ 재생이 실제로 읽지 않는 3D 렌더링 데이터는 제거. 합성 벤치 17배가 실제 1.1배로 무너지자 실측 진단으로 진짜 병목을 특정 (복원 동일성 27케이스 · 전체 1,101 테스트 통과)
• 슬라이드 전환 2.8s → 0.3s (약 9×) — 이미지 버퍼를 전환 로직에서 분리한 아키텍처 리팩터
• 3D 렌더링 '변경 시에만 렌더' 모델 전환 — 인터랙션 13fps → 51fps(약 4×), 정지 시 오버헤드 0
• 브라우저 GPU 3D 캔버스 통합(창당 9개 → 1개 공유) — 학생 화면 백지 이슈 해소, 800+ 유닛·통합 테스트로 정적·런타임·통합 3계층 회귀 방어
• 학생 풀이 재생 인프라 양방향 최적화 — forward 는 teardown 생략 + delta 적용, backward 는 history undo 역적용으로 슬라이더 seek 시 DOM 전체 재구성 비용 제거
• 리포트 도메인 단일 진실 출처(SSOT) 정착 — 정답률·아이콘 맵·시간 포맷·결과 빌더를 entities/report/lib 로 통합, FSD 레이어 순환 위험 자체 발견·교정
• 6개월 누적 latent bug 동시 해소 — 뷰어 진입 응답 shape 불일치, 채점 결과 직렬화 누락, 요약·상세 정답률 어긋남
• Figma 디자인 시스템 정합화 다수 — 리포트 목록·진행률 3-state 프로그래스바·빈 상태 variant·정답 확인 버튼 통일

저축은행중앙회·신협 등의 WCAG 2.2/3.0 접근성 감리를 수행. 컨설턴트 시점에서 구조와 의미를 먼저 보는 사고를 익혔어요.

• WCAG 2.2/3.0 접근성 감리(저축은행중앙회·신협) — 1차 검수 통과율 95% 달성
• 팀 커뮤니케이션 프로토콜 표준화로 평균 재진단 사이클 2.5회 → 0~1회 감소
• 최신 WCAG 명세 분석 사내 지식베이스 + 교차 교육으로 문의 이메일 40% 감소

SSEM 홈페이지 전면 리뉴얼 및 사내 운영 백오피스 개발.

• 레거시 스타일 청산 및 반응형 웹 구축으로 UX 개선
• 배포 프로세스 자동화로 3일 소요 작업을 즉시(0분)로 단축
• 자체 프레임워크 리팩토링 및 라이브러리화

데이터 관제 대시보드 개발 및 레거시 마이그레이션.

• 데이터 집계 시간 일 1시간 → 실시간(0분) 단축
• PHP 레거시 시스템을 React/JWT 기반으로 마이그레이션