트루닥 EMR (truedoc)
소속: 에이치디정션 HD Junction
트루닥 EMR(Electronic Medical Record)은 의료진이 접수, 진료, 수납 등 병원 업무를 효율적으로 처리할 수 있도록 지원하는 데스크탑 앱 형태의 B2B Healthcare SaaS입니다. 기존의 노후화된 EMR 시스템이 초래한 불편함과 비효율적인 작업 반복으로 인한 의료진의 스트레스를 해소해, 보다 새롭고 편리한 업무 경험을 제공합니다.
창업 멤버로서 제품의 초기 버전 개발을 함께하고, UX Team Lead로서 제품 사용성 개선을 주도했습니다.
Tech Stack:
Electron, TypeScript, React, Redux, TanStack Query, Redux Toolkit, Redux-Saga, Sass(Scss), Jest, MSW, Yarn, webpack, ESLint, Prettier, husky, Jenkins
서비스 소개 페이지
기여
트루닥 EMR 개발
- 기술 스택 선정, React와 Electron 기반의 Frontend 초기 설계 주도
- 예약·접수, 진료 타임라인, 진단·기록·처방, 법정감염병 신고 기능 구현
- ‘환자 대기열 관리’ 동시 편집 구현 (Server-Sent Events 수신, Redux-Saga 트랜잭션 관리)
제품 기획·디자인 및 사용성 개선
- 제품 초기 기획·디자인 참여
- In-depth Interview 참여
- 제품 전반적인 사용성 테스트 및 개선
- 제품의 핵심 기능을 구현함으로써 투자 유치에 기여
성능 최적화, 리팩터링, 개발 환경 개선
- 렌더링 병목 해소: Layout Thrashing·Shift 회피, Infinite Scroll → Virtual Scroll + Lazy Loading 대체
- 진료 타임라인 스크롤 후 페이징 데이터 리렌더링 시 발생하는 약 2초의 프리징 제거
- API 호출 방식 개선: Render-as-You-Fetch 패턴 도입 (Suspense·ErrorBoundary 적용, Redux-Saga → TanStack Query 전환)
- 외부 비동기 데이터를 Type-Safety 하게 다루도록 하고, Redux 비동기 액션의 의존도를 낮추어 코드량과 복잡도 감소
- 번들러 마이그레이션 (Babel → esbuild)
- 빌드 및 테스트 시간 단축