의학교육 경험 향상: 메드스터디가 히어로데브즈를 통해 모바일 앱을 개선한 방법

고객 프로필

MedStudy는 의사와 의대생을 대상으로 하는 의학 교육 전문 기업입니다. 소규모 민간 기업인 MedStudy는 의료 전문가들이 경력을 쌓고 자격 인증 과정을 성공적으로 이수할 수 있도록 돕는 고품질의 교육 자료를 제공합니다. 이 회사의 포괄적인 제품군에는 질문·답변 시스템, 핵심 교육 콘텐츠, 그리고 영상 및 오디오 형식의 멀티미디어 학습 자료가 포함되어 있습니다.

“저희의 사명은 경력의 모든 단계에 있는 의사들에게 가장 효과적이고 효율적이며 흥미로운 학습 자료를 제공하는 것입니다. 저희의 디지털 제품은 의사들이 실제로 공부하는 방식, 즉 이동 중이거나 환자 진료 사이사이에 공부하는 방식과 원활하게 조화를 이루어야 합니다.” — MedStudy

기술적 과제: 모바일 앱의 한계

HeroDevs와 협력하기 2년 전, MedStudy는 교육 플랫폼의 이용 범위를 확대하기 위해 모바일 애플리케이션을 출시했으며, 이를 통해 고객들은 iOS 및 안드로이드 기기에서 해당 기업의 대부분의 제품에 접근할 수 있게 되었습니다. 이 앱은 Ionic을 사용하여 개발되었으며, 이를 통해 팀원들의 기존 Angular 전문 지식을 활용하여 신속하게 개발할 수 있었습니다.

그러나 앱이 인기를 얻어가면서, MedStudy는 동영상 및 오디오 플레이어 구현과 관련해 상당한 한계에 직면하게 되었습니다:

  • 누락된 기본 기능: 이 앱은 의료 전문가들이 멀티태스킹을 수행하는 데 필수적인 기능인 PIP(Picture-in-Picture) 모드를 지원하지 않았다.
  • CarPlay 연동 기능 없음: 사용자는 운전 중에도 오디오 학습을 원활하게 이어갈 수 없었다
  • 제한적인 백그라운드 재생 기능: 기존 플레이어는 다른 앱을 사용하면서 공부하는 기능을 제대로 지원하지 않았습니다.

이러한 제한 사항들은 바쁜 일정 속에서 종종 짧은 시간씩 공부해야 하는 의사 사용자들에게 점점 더 큰 불만을 안겨주었다.

“저희 고객인 의사들과 의대생들은 믿기 힘들 정도로 바쁜 일정을 소화하고 있습니다. 이들은 진료 기록을 작성하면서 내용을 복습하거나, 출퇴근길에 강의를 듣거나, 다른 자료를 참고하면서 시술 영상을 시청하는 등, 공부할 수 있는 모든 시간을 최대한 활용해야 합니다. 하지만 기존 앱은 이러한 사용 사례를 우리가 필요로 하는 만큼 효과적으로 지원하지 못했습니다.” — MedStudy

개발의 딜레마

MedStudy의 소규모 개발팀은 중대한 난관에 직면했습니다. Android Angular 와 Ionic에 대한 전문 지식이 초기 앱 개발에는 큰 도움이 되었지만, 이러한 고급 미디어 기능을 구현하려면 현재 팀에는 없는 네이티브 모바일 개발 전문 지식이 필요했기 때문입니다.

이 회사는 중대한 결정의 기로에 서게 되었습니다:

  1. 네이티브 개발 역량에 투자하기: 이를 위해서는 전문 개발자를 교육하거나 채용하는 데 상당한 시간이 소요될 것입니다.
  2. 기능에 대한 기대치를 낮추어야 합니다. 그렇지 않으면 사용자들이 실망하게 되고 교육 플랫폼의 효과도 제한될 것입니다.
  3. 전문가의 도움을 구하세요: 이를 위해서는 자체 개발 역량을 갖추고 있으며, 기존 코드베이스와 연동할 수 있는 파트너를 찾아야 합니다.

이미 여러 디지털 제품을 관리하고 있는 소규모 팀의 경우, 제시된 첫 두 가지 선택지는 비즈니스 목표와 개발 일정에 상당한 위험을 초래할 수 있었습니다.

“사용자들이 무엇을 필요로 하는지 잘 알고 있었지만, 현재 팀 규모와 진행 중인 제품 개발 업무를 고려할 때 사내에서 네이티브 모바일 기능을 직접 구축하는 것은 현실적으로 어려웠습니다. 기존 개발 워크플로우에 차질을 주지 않으면서도 팀의 역량을 보완해 줄 전문적인 노하우가 필요했습니다.” — MedStudy

전략적 솔루션: HeroDevs Pro 서비스

MedStudy는 기술적 과제를 해결하기 위해 HeroDevs의 Pro Services를 활용했습니다. HeroDevs는 MedStudy의 요구 사항을 분석한 후, Capacitor 플러그인 방식이 최적의 해결책이 될 것임을 즉시 파악했습니다. 이 방식은 네이티브 기능을 제공하면서도 MedStudy가 기존 Ionic 애플리케이션에 투자한 자산을 그대로 유지할 수 있게 해주었습니다.

HeroDevs 팀은 다음을 포함하는 포괄적인 접근 방식을 제안했습니다:

  1. 맞춤형 Capacitor 플러그인 개발: PIP(화면 속 화면) 기능, CarPlay 연동 및 향상된 백그라운드 재생 기능을 구현하기 위한 전용 플러그인 제작.
  2. 애플리케이션 아키텍처 업데이트: 새로운 Capacitor 플러그인을 제대로 활용할 수 있도록 기존 앱을 수정합니다.
  3. 크로스 플랫폼 구현: iOS와 Android 플랫폼 모두에서 일관된 기능을 보장합니다.

이 전략을 통해 MedStudy는 개발팀이 네이티브 기술에 대한 전문 지식을 습득하거나 애플리케이션을 처음부터 다시 구축할 필요 없이 앱에 네이티브 기능을 추가할 수 있었습니다.

“HeroDevs의 접근 방식에서 가장 인상 깊었던 점은, 그들이 적절한 기술적 해결책을 얼마나 신속하게 찾아냈는지, 그리고 이를 우리의 기존 개발 프로세스에 얼마나 매끄럽게 통합했는지였습니다. 그들은 단순히 당면한 문제를 해결하는 데 그치지 않고, 우리 팀이 앞으로도 유지 관리할 수 있는 방식으로 해결책을 구현해 주었습니다.” — MedStudy

협업적 이행

이 구현 과정은 외부 전문가와 내부 팀 간의 효과적인 협력을 잘 보여주는 사례였습니다. HeroDevs의 에두아르도는 MedStudy 개발 팀의 일원처럼 직접적으로 활동했습니다:

  • 심층적인 요구사항 수집: 에두아르도는 MedStudy의 수석 개발자 및 제품 책임자와 긴밀히 협력하여 기술적 제약 사항과 비즈니스 목표를 철저히 파악했습니다.
  • 통합 워크플로: 팀의 기존 Slack 채널과 Jira 프로젝트 관리 시스템을 통해 의사소통이 효율적으로 이루어졌습니다.
  • GitHub 풀 리퀘스트: 코드 기여는 GitHub 풀 리퀘스트를 통해 제출되었으며, 이를 통해 코드 검토와 지식 전수가 이루어졌습니다.
  • 원활한 통합: 이 과정은 외부 프로젝트라기보다는 MedStudy의 기존 개발 워크플로우가 자연스럽게 확장된 것처럼 느껴졌습니다.

기술적 구현

Capacitor 플러그인의 구현은 기존의 Ionic 프레임워크와 기기의 네이티브 기능 간에 가교 역할을 했습니다. 다음은 이 플러그인이 어떻게 통합되었는지를 보여주는 간략한 예시입니다:

// Example of the Capacitor Video Player plugin integration
import { Component, inject, signal } from '@angular/core';
import { MediaPlayer } from '@eduardoroth/media-player';
import {
 IonApp,
 IonButton,
 IonCard,
 IonContent,
 IonHeader,
 IonTitle,
 IonToolbar,
 ToastController,
} from '@ionic/angular/standalone';


이러한 접근 방식을 통해 MedStudy는 기존 Ionic 애플리케이션 아키텍처를 유지하면서 네이티브 기능을 활용할 수 있었습니다. 이 플러그인은 플랫폼별 구현(iOS 및 Android)을 처리하는 한편, 애플리케이션 코드에 일관된 API를 제공했습니다.

이러한 협력적 접근 방식을 통해 기술적 솔루션이 당면한 요구 사항을 충족할 뿐만 아니라, MedStudy의 장기적인 개발 관행 및 역량과도 부합할 수 있게 되었습니다.

“에두아르도는 거의 즉시 우리 팀의 일원이 되었습니다. 그는 우리의 기술 환경과 비즈니스 목표를 모두 잘 이해했고, 전 과정에 걸쳐 명확하게 소통했으며, 우리의 기준과 관행에 부합하는 코드를 제공했습니다. 이는 우리가 경험한 외부 협업 중 가장 원활한 협업이었습니다.” — MedStudy

이 문제가 중요한 이유: 기술 팀의 전문성 격차 해소

특수 발달 요구의 실태

MedStudy의 사례는 개발 인력이 적은 기업들이 직면하는 공통적인 과제, 즉 정규직 인력을 늘리거나 핵심 역량에서 주의를 돌리지 않으면서도 특화된 기능을 구현해야 하는 필요성을 잘 보여줍니다.

“중소기업의 기술 책임자라면 누구나 정기적으로 이러한 딜레마에 직면합니다,”라고 MedStudy는 말합니다. “핵심 기능을 구현하려면 특정 기술 역량이 필요하지만, 단 한 번의 프로젝트를 위해 사내에서 그 전문성을 구축하는 것은 타당하지 않습니다. 채용, 교육, 기능 축소와 같은 기존의 대안들 역시 모두 상당한 단점을 안고 있습니다.”

이러한 과제는 의학 교육과 같은 전문 분야의 기업들에게 특히 심각한 문제입니다. 이러한 분야의 핵심 개발 팀은 심도 있는 분야 지식을 갖추고 있어야 하지만, 때로는 특정 기능을 구현하기 위해 전문적인 기술적 전문성이 필요할 수도 있기 때문입니다.

팀 역량을 확장하기 위한 새로운 모델

MedStudy와 HeroDevs 간의 파트너십은 특화된 개발 요구 사항을 해결하는 데 있어 보다 효과적인 접근 방식을 제시합니다:

단순한 대체가 아닌 역량 확장. “HeroDevs와의 협업이 남다른 점은 그들이 단순히 프로젝트를 인수한 것이 아니라, 우리의 워크플로우와 프로세스를 유지하면서 우리 팀의 역량을 확장해 주었다는 것입니다,”라고 MedStudy는 설명합니다. “우리는 필요한 전문 지식을 정확히 확보하는 동시에 주도권과 소유권을 유지할 수 있었습니다.”

구현과 병행한 지식 전달. 이러한 협업 개발 방식 덕분에 MedStudy 팀은 신기술에 대한 귀중한 통찰력을 얻을 수 있었습니다. MedStudy 측은 “단순히 완성된 기능을 얻은 것뿐만 아니라, 향후 개발 결정을 내리는 데 도움이 될 Capacitor와 네이티브 통합 방식에 대한 더 깊은 이해를 얻었다”고 밝혔습니다.

적절한 시기에 필요한 전문성을 집중적으로 확보할 수 있습니다. 이 협력 모델은 정규직 채용에 따르는 추가 비용 부담 없이, 특정 과제에 필요한 전문성을 정확히 제공해 주었습니다. MedStudy는 “마치 특정 증상에 대해 전문의의 진료를 받는 것과 같습니다. 필요한 시점에 정확히 필요한 전문성을 얻을 수 있죠”라고 말합니다.

제약 조건 속에서 혁신을 실현하기

개발 자원이 제한적인 많은 기업들에게 기능 간의 절충은 종종 피할 수 없는 것으로 여겨집니다. MedStudy의 경험은 이와는 다른 가능성을 보여줍니다:

“이번 프로젝트를 통해 우리가 깨달은 점은, 기존 제품을 유지 관리하는 것과 새로운 기능을 통해 혁신을 추구하는 것 사이에서 선택을 강요받을 필요가 없다는 것입니다,”라고 MedStudy는 회고합니다. “적절한 파트너가 필요한 분야의 전문 지식을 제공해 준다면, 우리는 두 가지를 모두 달성할 수 있습니다. 즉, 플랫폼의 안정성을 유지하면서도 사용자가 필요로 하는 첨단 기능을 제공할 수 있는 것이죠.”

이러한 통찰은 중소기업이 개발 계획을 수립하는 방식에 더 광범위한 시사점을 제시합니다:

‘자체 개발 대 외부 도입’의 방정식을 재고하다. 기존의 ‘자체 개발 대 외부 도입’이라는 선택지를 넘어, 내부 지식과 외부 전문성을 결합하는 ‘목표 지향적 협업’이라는 제3의 선택지가 있다.

동력을 유지하면서 역량을 강화합니다. 기업은 대규모 채용이나 광범위한 교육 프로그램으로 인한 업무 차질 없이 제품 발전을 지속할 수 있습니다.

팀 문화와 업무 프로세스 유지. 외부 전문 인력을 활용하면 팀이 새로운 방법론에 적응해야 하는 대신, 기존 업무 흐름에 자연스럽게 통합할 수 있습니다.

MedStudy는 “HeroDevs와의 파트너십은 개발 자원에 대한 우리의 사고방식을 근본적으로 바꿔 놓았다”고 결론지었습니다. “이제 우리는 적절한 파트너십을 통해 팀의 역량을 확장할 수 있다고 보고 있으며, 이를 통해 우리만의 독특한 시장을 잘 이해하는 효율적이고 집중력 있는 팀을 유지하면서도 제품 로드맵에 대해 더 야심 찬 목표를 세울 수 있게 되었습니다.”

개발 자원은 제한적인 반면 기능 요구 사항은 까다로운 상황에 직면한 기업들에게, MedStudy의 접근 방식은 타협 없이 앞으로 나아갈 수 있는 귀중한 청사진을 제시합니다.

“HeroDevs와 협력함으로써, 개발 워크플로우를 방해하거나 팀을 대폭 확대할 필요 없이도 교육 플랫폼을 획기적으로 개선해 주는 첨단 네이티브 모바일 기능을 구현할 수 있었습니다. HeroDevs의 ‘Pro Services’ 모델 덕분에 필요한 시점에 정확히 필요한 전문 지식을 얻을 수 있었습니다.” — MedStudy

MedStudy에 대한 자세한 내용은 www.medstudy.com을 방문하거나, iOS 앱 스토어와 구글 플레이 스토어에서 해당 앱을 다운로드하여 확인하세요.

결과: 향상된 학습 경험

HeroDevs와의 협력을 통해 향상된 영상 및 오디오 플레이어가 탑재된 업데이트된 iOS 및 Android 애플리케이션이 성공적으로 출시되었습니다. 이러한 새로운 기능들은 의료 전문가들이 MedStudy의 교육 콘텐츠를 활용하는 방식을 혁신적으로 변화시켰습니다:

  • 멀티태스킹에 최적화된 학습: PIP(화면 속 화면) 기능을 통해 사용자는 다른 자료를 참고하거나 메모를 작성하는 동안에도 동영상 콘텐츠를 시청할 수 있었습니다.
  • 통근 시간의 생산성: CarPlay 연동 덕분에 이동 중에도 끊김 없이 오디오 학습을 할 수 있었다.
  • 끊김 없는 학습 흐름: 향상된 백그라운드 재생 기능 덕분에 사용자는 교육 콘텐츠를 중단하지 않고도 앱을 자유롭게 전환할 수 있습니다.

이러한 개선 사항은 의료 전문가들이 다른 업무를 처리하는 틈틈이 짧은 시간을 내어 실제로 공부하는 방식을 직접적으로 반영한 것으로, 이를 통해 MedStudy 플랫폼은 사용자들에게 훨씬 더 큰 가치를 제공하게 되었습니다.

“사용자들의 반응은 압도적으로 긍정적이었습니다. 특히 의사들은 출퇴근길에 강의를 계속 들을 수 있고, 관련 내용을 복습하면서 시술 동영상을 시청할 수 있다는 점을 높이 평가하고 있습니다. 이러한 기능 덕분에 고객들이 바쁜 일정 속에서도 교육 시간을 효율적으로 확보할 수 있게 되었습니다.” — MedStudy
목차
사례 연구 다운로드