프로젝트

웹뷰 환경 전용 헤드리스 UI 컴포넌트 라이브러리

Key Features

• CSS3DRenderer 카메라 모델 기반 가로·세로 페이저 + 핀치 줌 (ScrollContainer)
• visualViewport로 iOS 키보드 레이아웃 밀림 방지 (StableInput)
• 네이티브 바운스와 충돌 없는 풀투리프레시 상태 머신 (PullToRefresh)
• 소프트 키보드·세이프에어리어 반응형 감지 훅 (useVirtualKeyboard · useSafeArea)

Tech Stack

웹 앱 버그 재현을 위한 원클릭 QA 녹화 라이브러리

Key Features

• rrweb 기반 DOM 세션 리플레이로 화면 상태 그대로 재생
• HAR 1.2 포맷 네트워크 캡처 (fetch · XHR 인터셉트, 최대 100개)
• error · warn · onerror · unhandledrejection 자동 수집
• Authorization · Cookie 등 민감 헤더 자동 마스킹

Tech Stack

업로드 없이 브라우저에서만 동작하는 비디오 압축기

Key Features

• WebCodecs · FFmpeg.wasm 하이브리드 엔진 자동 폴백
• H.264 인코딩 · CRF 18~40 품질 슬라이더
• 원본 / 1080p / 720p / 480p 해상도 선택
• 실시간 진행률 표시 · 영상은 브라우저 밖으로 나가지 않음

Tech Stack

env와 JSON 설정을 단일 스키마로 검증하는 타입 안전 설정 도구

Key Features

• 단일 스키마로 env · JSON 설정 동시 검증
• 문자열 → 숫자 · 불리언 자동 타입 변환
• 민감 값 마스킹 출력 (sk-****xxxx)
• 완전한 TypeScript 타입 추론 (zero-config)

Tech Stack