본문으로 건너뛰기
포트폴리오로 돌아가기
[휴내과의원] 건강검진 병원 전용 애플리케이션

[휴내과의원] 건강검진 병원 전용 애플리케이션

병원 EMR 시스템과 연동하여 인증부터 건강검진 예약·문진·검사결과·대기접수까지 제공하는 병원 전용 모바일 애플리케이션

기간2026.08 – 현재
역할모바일 애플리케이션 단독 개발 (100%)
팀 규모4
사용 스택
  • React Native
  • Expo
  • TypeScript
  • Ignite
  • REST API
  • EMR Integration
  • OAuth/Social Login

병원의 검진 서비스를 모바일로 연결하는 통합 헬스케어 애플리케이션

01. 프로젝트 개요

병원 이용 과정은 단순한 진료 예약에 그치지 않고 사용자 인증 → 건강검진 예약 → 사전 문진 → 검진 → 검사결과 확인 → 현장 대기접수 등 여러 단계로 이어집니다.

본 프로젝트는 개별 병원의 기존 의료 시스템과 모바일 환경을 연결하여 사용자가 병원 방문 전후의 주요 서비스를 하나의 애플리케이션에서 이용할 수 있도록 개발하는 병원 전용 모바일 헬스케어 프로젝트입니다.

React Native + Expo 기반의 모바일 애플리케이션 개발을 담당하고 있으며, Ignite를 기반으로 회사의 개발 Architecture와 OOP 원칙에 맞춰 기능을 구현하고 있습니다. 특히 병원 EMR 연동을 통한 의료 데이터 조회, 건강검진 예약 및 문진, 인증, 검사결과 조회와 현장 대기접수 등의 모바일 기능을 담당하고 있습니다.

02. 주요 기능

① Authentication & Account Integration

병원 서비스를 모바일에서 안전하고 편리하게 이용할 수 있도록 Kakao 및 Apple 기반 사용자 인증 Flow를 구현했습니다.

단순 소셜 로그인에서 끝나는 것이 아니라 최초 인증 이후 병원 회원정보와 연결하기 위한 약관 동의·본인인증·회원정보 확인 등의 가입 Flow를 구성하고, 기존 병원 서비스 계정과 모바일 사용자를 연결할 수 있도록 구현했습니다.

로그인 상태와 사용자 인증 정보를 애플리케이션 전역에서 일관되게 관리하여 인증 여부에 따라 병원 서비스 접근 Flow가 자연스럽게 이어지도록 구성했습니다.

② Hospital EMR Integration

모바일 애플리케이션과 병원의 기존 EMR(Electronic Medical Record) 시스템을 연계하여 사용자의 의료·검진 데이터를 모바일 환경에서 활용할 수 있도록 구현했습니다.

서버 API를 통해 병원 시스템에서 제공되는 예약·검진·검사결과 등의 데이터를 획득하고, 이를 모바일 UI에서 사용할 수 있는 Application Model로 변환하여 화면과 비즈니스 로직에서 활용합니다.

병원 내부 시스템의 데이터 구조가 모바일 Presentation Layer에 직접 종속되지 않도록 외부 데이터와 애플리케이션 내부 모델의 책임을 분리하여 구성했습니다.

architecture
Hospital EMR
     │
     ▼
 Backend API
     │
     ▼
 API / Data Layer
     │
     ▼
 Application Model
     │
     ▼
 Domain / Service
     │
     ▼
 React Native UI
EMR 연동 구조

③ Health Screening Reservation

개인 및 기업 건강검진 사용자를 대상으로 모바일 건강검진 예약 Flow를 구현했습니다.

검진 유형 선택부터 검진 프로그램 및 항목 확인, 예약 가능 일정 조회, 날짜 선택, 예약정보 확인까지 이어지는 다단계 예약 프로세스를 모바일 환경에 구현했습니다.

기업 검진의 경우 일반 개인 검진과 다른 프로그램·대상자·예약 조건을 처리할 수 있도록 사용자 유형과 검진 정책에 따른 Flow를 분리했습니다.

④ Digital Health Questionnaire

검진 전 사용자가 모바일에서 필요한 정보를 사전에 입력할 수 있도록 건강검진 전자 문진 기능을 구현했습니다.

병원의 검진 정책에 따라 제공되는 문진 항목을 모바일 UI로 구성하고 사용자의 응답 데이터를 검증·관리하여 검진 예약 및 병원 시스템과 연계될 수 있도록 구현했습니다.

복수의 문진 항목과 단계가 존재하는 Flow에서도 입력 상태를 유지하고 누락된 필수 응답을 제어할 수 있도록 구성했습니다.

⑤ Examination Results

병원 시스템에서 제공되는 건강검진 및 검사결과 데이터를 모바일에서 조회할 수 있는 기능을 구현했습니다.

사용자별 검진 데이터를 병원 시스템과 연계하여 결과 목록과 상세 정보를 제공하고, 복잡한 의료 데이터를 모바일 환경에서 탐색하기 쉽도록 화면 단위로 구조화했습니다.

사용자가 예약 → 검진 → 결과 확인까지 하나의 애플리케이션 안에서 연속적으로 이용할 수 있도록 검진 Journey와 연결했습니다.

⑥ On-site Queue Registration

병원 방문 이후의 사용자 경험까지 모바일로 연결하기 위해 현장 대기접수 기능을 구현했습니다.

병원 시스템의 접수 및 대기 정보를 모바일 서비스와 연계하여 사용자가 필요한 진료·검사 서비스에 접수하고 현재 진행 상태를 확인할 수 있도록 구성했습니다.

이를 통해 앱의 역할을 병원 방문 전 예약 서비스에 한정하지 않고 방문 전 → 방문 중 → 검진 후까지 이어지는 Hospital Journey로 확장했습니다.

⑦ Notification & Recommended Content

검진 일정 및 병원 이용에 필요한 정보를 적시에 전달할 수 있도록 알림 기능을 연계하고, 사용자가 건강검진 이후에도 필요한 건강 정보를 확인할 수 있도록 추천 콘텐츠 영역을 구현했습니다.

홈 화면을 중심으로 예약·검진 프로그램·검사결과·콘텐츠 등의 주요 서비스 진입점을 통합하여 병원 서비스를 탐색하기 쉬운 모바일 경험으로 구성했습니다.

⑧ React Native + Ignite Architecture

React Native + Expo 환경에서 Ignite를 기반으로 프로젝트를 구성하고, 회사 개발 정책에 따라 OOP 기반 Application Architecture를 적용했습니다.

Screen Component가 API 호출 및 병원 비즈니스 로직을 직접 처리하지 않도록 UI·Domain·Service·Data 영역의 책임을 분리하고, 인증·검진예약·문진·EMR 데이터 등의 기능을 독립적인 서비스 단위로 구성했습니다.

특히 병원별 API 및 비즈니스 정책의 변경이 모바일 UI 전체로 전파되지 않도록 외부 시스템과 Application Layer 사이의 의존성을 분리하는 방향으로 개발하고 있습니다.

⑨ Engineering Highlights

Hospital System Integration

  • 기존 병원 시스템의 EMR·검진 데이터를 모바일 서비스와 연결하여 실제 의료 서비스 Workflow를 애플리케이션으로 확장했습니다.

Multi-step Screening Workflow

  • 예약·문진·검진·결과 확인으로 이어지는 복잡한 건강검진 Flow를 상태와 사용자 입력을 유지하는 다단계 모바일 Workflow로 구현했습니다.

Separation of Concerns

  • 병원 API, Domain Logic, Application State와 UI의 책임을 분리하여 병원 정책 및 API 변경에 대응할 수 있는 구조를 적용했습니다.

Cross-platform Mobile Development

  • React Native + Expo 기반으로 공통 코드베이스에서 iOS/Android 서비스를 개발하고, Ignite 기반 프로젝트 구조를 활용했습니다.

Mobile

  • React Native
  • Expo

Architecture

  • Ignite
  • OOP

Language

  • TypeScript

Authentication

  • Kakao
  • Apple

Integration

  • REST API
  • Hospital EMR

Domain

  • Health Screening
  • Questionnaire
  • Queue