2026년 3월부터 플랜티엠에서 프론트엔드 엔지니어로 근무하고 있습니다.

SVG·Three.js 기반 수학교구 캔버스를 개발하며 프론트엔드 아키텍처 설계부터 인터랙션 구현, 렌더링 최적화, 서비스 UI 통합까지 담당했습니다.

• —총 46종 중 20종의 디지털 교구를 직접 설계·구현
• —클래스 기반 객체 구조로 확장성과 유지보수성 개선
• —주간 회의에서 요구사항과 우선순위 정리

Python, Django, SQL, HTML/CSS, Vue3 등을 배운 뒤 공통·특화·자율 프로젝트를 진행했습니다.

• —세 차례 팀 프로젝트에서 일정 리드 역할 수행
• —WebRTC, AI 영상 분석, 빅데이터 기반 서비스 프로젝트 경험
• —페어 프로그래밍과 코드 리뷰로 협업
• —공통·특화·자율 프로젝트 경진대회 우수상

SVG 한 화면 안에서 좌표 계산, drag·rotate·snap, PointerEvent·KeyboardEvent 흐름을 교구별 규칙에 맞게 설계했습니다.

• 하나의 SVG 안에서 교구별 drag·rotate·snap 처리
• 교구 특성에 맞는 이벤트 분기와 커스텀 이벤트 구조 설계

Three.js로 공간좌표, 쌓기나무, 입체도형을 구현했습니다.

• Raycaster, OrbitControls, DragControls 기반 상호작용 구현
• depth buffer와 renderOrder 조정으로 시각적 충돌 최소화

클래스 기반 모듈 구조와 타입 중심 상태 설계로 신규 교구 추가 시 수정 범위를 줄였습니다.

• DigitalMathElement 중심 상속 구조 설계
• Atomic Design Pattern, Storybook, 상태 관리 패턴 활용

외주사, 디자이너, 개발자와 주간 단위로 요구사항을 정리하고 우선순위를 정했습니다.

• 실시간 피드백 반영과 일정 조율 경험
• 팀 프로젝트에서 스크럼 마스터로 일정 리드

Core Frontend

서비스 화면에 쓰는 기본 스택

Interaction & Graphics

좌표 계산과 시각화에 쓴 도구

State & Architecture

상태 관리와 컴포넌트 구조에 쓴 패턴

Collaboration & Tooling

협업과 코드 관리 도구