- 드래그 앤 드롭 기반 UI/UX 구현, 에디터 데이터 구조 설계 및 파서 구현, 시각적 결과물을 serialization 데이터와 Python 코드로 변환하는 제너레이터 개발, 브라우저에서 Python 코드 실행 기능 구현 - 안정적인 프로토타입 구현으로 투자 유치 시연에 기여 - 신규 서비스를 위한 프로젝트 설계 및 기초 CI/CD 구축 - 번역 API 연동 및 텍스트 관리 스크립트 등 다국어 지원 시스템 구현 및 국가별 맞춤 UI 개발

- 레거시 핵심 외부 라이브러리를 최신 버전으로 업데이트 및 자사 서비스에 맞게 Wrapper library로 제작하고 문서화 - API와 유틸리티를 추가하여, 사내 하드웨어 담당자가 쉽게 개발할 수 있도록 협업 환경 제공 및 개선. 외부 인력 충당 없이 프로젝트 마무리. - 타 목적 조직과의 협업을 위해서 Github repository를 npm 패키지 저장소로 활용하고, 동료 개발자들을 위해서 문서화. 패키지 Registry hosting을 위한 $530/y의 비용 절약.

- 네이티브 앱과 웹앱 간의 통신 인터페이스 용 WebView bridge package 설계 및 구현 - 메시징 시스템(메시지 순서 보장, 콜백 처리, 타임아웃 처리) 설계 및 구현 - PC/iOS/AOS 플랫폼별 통신 방식을 제네릭하게 추상화하여 유지보수성 향상과 앱 개발자의 구현 복잡도 감소 - 기존 static 서버를 통해 데이터를 전송하던 부분을 프로토콜 설계 및 chunked messages를 사용해 앱 내에서 전송하는 방식으로 변경하여 동료 개발자 리소스 절약 및 매달 약 10만원의 AWS 비용 절약

- 기존 분리된 레포지토리 작업을 Monorepo로 통합하고, 공통 적용되는 부분을 모듈화하여 패키지로 작성. 결과적으로, 매주 약 60분 소요된 반복 작업 시간을 절감하여 효율적 배포 환경 구축. - 사용자 이탈률이 가장 많았던 플로우 지점에 워크스루 튜토리얼 기능을 추가하여 3달에 걸쳐 MAU 1만 4천명 증가. - Next.js를 활용한 사내 백오피스 시스템 개발 및 기존 LMS 웹사이트 유지보수.

팀 프로젝트 / 총 3명 / 팀장, 프론트엔드 담당 - TypeScript 사용으로 협업 시 코드 기반 타입 관리와 런타임 오류 방지 - MSW 도입으로 프로젝트 스케줄 병목현상 감소. 프론트 개발 단계의 서버 종속성 낮춰 효율 향상 - Docker compose, Yarn Berry로 편리한 개발 환경 구성과 빌드 시간 약 500% 단축(120초→20초) - Tanstack Query로 서버 요청 최소화 및 쿼리 캐싱, 에러 바운더리로 에러 핸들링 - Zustand로 전역 상태 관리