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