← 작업 목록

Purple AI DICOM Viewer

의료 영상을 확인하고 환자를 관리하는 퍼플AI 의 앱 솔루션

회사프론트엔드 개발2025.04 — 2025.05

Cornerstone.jsReact NativeWebView

프로젝트 소개

퍼플AI의 의료 영상(DICOM) 확인 및 환자 관리 앱 솔루션. Purple AI Homepage에 이어 맡은 두 번째 프로젝트로, 이번엔 앱 안에서 실제 영상을 보여주는 뷰어 자체를 다뤘다.

내가 한 역할

Cornerstone.js로 DICOM 렌더링을 구현했다. 용량이 큰 의료 영상을 다루는 특성상 백그라운드 로딩과 캐시 전략을 설계했고, 오래된 영상 데이터가 불필요하게 쌓이지 않도록 캐시 TTL(Time To Live)을 상황에 맞게 커스터마이징했다.

앱은 React Native 안에서 웹뷰로 뷰어를 띄우는 구조였다. 앱과 웹뷰가 서로 다른 문맥에서 동작하다 보니 화면 전환이나 데이터 전달을 메시지로 주고받아야 했는데, 이 통신 브릿지를 직접 설계하고 구현했다.