About
웹과 앱 사이에서 생기는 문제를
분명하게 정리합니다.
안녕하세요. React를 중심으로 웹 서비스를 개발해 왔고, 현재는 .NET MAUI와 React를 함께 사용하는 하이브리드 앱도 개발하고 있는 서원호입니다.
Canvas API와 Web Bluetooth 같은 웹 표준 기술을 활용해 스마트펜 SDK와 웹 기반 문서 작성 도구를 개발했고, 오프라인에서도 사용할 수 있는 하이브리드 앱도 만들었습니다. 그 과정에서 대용량 PDF 처리, BLE 기기 연동, 실시간 협업과 음성 처리 기능을 맡았습니다.
저는 문제가 생기면 화면에 보이는 오류만 고치지 않고, 데이터가 어디에서 잘못됐는지 직접 추적해가며 원인을 찾습니다. 수정한 뒤에는 문제가 발생했던 환경에서 같은 사용자 흐름을 다시 실행해 결과를 확인합니다. 기능을 다시 동작하게 만드는 데서 끝내지 않고, 같은 문제가 다시 생기지 않게 원인을 막는 것까지가 수정이라고 생각합니다.
Wonho Seo
Frontend / Hybrid Client Engineer
Engineering principles
제가 문제를 푸는 방식
전체 흐름을 확인합니다
화면에 나타난 증상만 보지 않고 데이터가 만들어지고 저장되고 전달되는 과정을 따라가며 문제가 시작된 지점을 확인합니다.
연결되는 지점을 분명히 합니다
React와 .NET MAUI, C#과 TypeScript, 웹과 Windows처럼 서로 다른 환경이 연결될 때 각 영역이 맡을 일과 오류 처리 방식을 정리합니다.
문제를 재현하고 실제 환경에서 확인합니다
문제가 발생한 조건을 먼저 재현하고, 수정한 뒤에는 관련 사용자 흐름을 처음부터 끝까지 확인한 다음 필요한 플랫폼에서도 다시 점검합니다.
설치와 배포까지 확인합니다
코드 수정으로 끝내지 않고 패키지 버전과 설치 파일, 배포 경로까지 확인합니다.
Experience
네오랩컨버전스
책임연구원 · 2021.11 — 현재
- React와 .NET MAUI 기반 하이브리드 문서 앱 NeoStudio2에서 사용자가 작성한 문서의 오프라인 동기화, 웹과 네이티브 연동, 플랫폼별 호환성을 개선했습니다.
- 문서 제작·출력 도구 CasterN에서 WebAssembly PDF 엔진과 수 GB 규모 문서의 저장, 전송, 출력, 패키징 경로를 구현하고 실제 환경에서 검증했습니다.
- 실시간 협업 서비스 NeoCAST를 프로토타입 단계에서 이어받아 세션 관리, 실시간 자막과 아카이브 분석, 브라우저에서 네이티브 앱으로 이어지는 인쇄 흐름까지 프론트엔드와 서버 전반을 개발했습니다.
- 브라우저용 스마트펜 Web SDK에서 여러 펜의 연결 상태 처리를 맡고, 공개 API와 타입, 샘플, 문서를 함께 관리하고 있습니다.
- 입사 초기에는 드로잉 보드 제품 그리다보드의 펜 연동 기능 개선에 참여했습니다.
Technical scope
실무에서 활용해 온 기술
- Product frontend
- React, TypeScript, Next.js, MobX, Jotai, Zustand, TanStack Query, i18n
- Hybrid clients
- .NET MAUI, C#, Hybrid WebView, JS bridge, Android, iOS, Windows
- Documents & offline
- Canvas, PDF.js, WebAssembly, Web Worker, IndexedDB/OPFS, streaming I/O
- Realtime & devices
- WebSocket, STT, LLM integration, Web Bluetooth, BLE smartpen