피부 고민이 있는 사용자가 자가 진단부터 병원ㆍ시술 정보 탐색까지 한 흐름으로 이용할 수 있는 모바일 헬스케어 서비스를 구축했습니다. 1) 서비스 구성 - 자가 피부 진단: 문항 기반으로 피부 상태를 확인하고 타입별 관리 정보를 안내 - 병원 찾기: 위치와 진료 항목 기준으로 피부과를 탐색하고 상세 정보 확인 - 시술 정보: 시술별 설명과 비교 정보를 카드 형태로 제공 2) 담당 범위 - React Native 기반 iOSㆍAndroid 앱 화면과 공통 컴포넌트 개발 - Spring Boot 기반 API 서버 설계와 구현 (진단 로직, 병원ㆍ시술 데이터, 회원) - 진단 결과를 병원ㆍ시술 추천으로 연결하는 데이터 구조 설계 3) 기술적 이슈와 해결 - 하나의 코드베이스로 두 플랫폼을 대응하기 위해 React Native를 택하고, 플랫폼 차이가 큰 영역만 네이티브 모듈로 분리했습니다. - 병원 목록 조회는 위치 기반 정렬과 페이징을 서버에서 처리해 앱 초기 로딩 부담을 줄였습니다. - 진단 문항과 결과 매핑을 코드가 아닌 데이터로 관리해, 문항이 바뀌어도 앱 재배포 없이 대응할 수 있게 구성했습니다. [배경과 목표] 1) 문제점 - 피부 고민이 생겨도 어느 병원, 어떤 시술이 맞는지 판단할 기준이 없어 검색에 시간이 오래 걸림 - 병원ㆍ시술 정보가 광고성 콘텐츠와 섞여 있어 비교가 어려움 - 자가 진단과 병원 탐색이 서로 다른 서비스에 흩어져 있어 흐름이 끊김 2) 프로젝트 목표 - 자가 진단 결과를 바로 병원ㆍ시술 추천으로 연결하는 단일 흐름 제공 - iOSㆍAndroid 양쪽에서 동일한 사용성 확보 - 시술 정보를 비교 가능한 형태로 정리해 선택 기준 제공 3) 주안점 - 진단 문항과 결과 매핑을 데이터로 관리해 운영 중 변경이 쉽도록 설계 - 위치 기반 병원 조회 성능 확보 - 앱 두 플랫폼을 한 코드베이스로 유지해 유지보수 비용 절감 [주요 기능] - 자가 피부 진단: 문항에 답하면 피부 상태와 타입을 정리해 보여주고, 타입에 맞는 관리 방법과 이어서 볼 시술을 안내합니다. - 피부과 병원 찾기: 위치와 진료 항목을 기준으로 가까운 피부과를 정렬해 보여주고, 병원별 상세 정보와 진료 항목을 확인할 수 있습니다. - 시술 정보 비교: 시술별 평균 가격ㆍ지속 기간ㆍ통증 정도를 카드로 정리하고, 최대 3개까지 선택해 나란히 비교할 수 있습니다. [성과] - 진단과 병원 탐색을 한 흐름으로 연결: 자가 진단 결과를 병원ㆍ시술 추천으로 바로 이어, 따로 검색하며 시간을 쓰던 단계를 줄였습니다. - 앱 재배포 없는 문항 변경: 진단 문항과 결과 매핑을 데이터로 관리해, 문항이 바뀌어도 앱을 다시 배포하지 않아도 됩니다. [진행 과정] - 2024.01. 요구사항 정의ㆍ화면 설계: 진단 문항, 병원ㆍ시술 데이터 범위와 앱 화면 흐름을 확정했습니다. - 2024.03. APIㆍDB 설계: 진단 결과->병원ㆍ시술 추천 연결 구조와 위치 기반 조회 API를 설계했습니다. - 2024.05. 앱ㆍ서버 개발: React Native 앱 화면과 Spring Boot API를 함께 개발했습니다. - 2024.11. 테스트 및 스토어 배포: 기기별 검증 후 iOSㆍAndroid 스토어에 배포했습니다. [프로젝트 정보] - 기간: 2024.01 ~ 2024.12 - 역할: 백엔드ㆍ앱 개발 - 기술: Spring Boot, React Native, Java * 표시 금액은 비슷한 규모 작업의 시작 견적(참고용)이며, 실제 금액은 범위 확인 후 안내드립니다.

촉촉박사 피부 진단ㆍ병원 찾기 헬스케어 앱 구축 대표 이미지

앱 사용자가 보는 시술 상세 화면 - 시술 종류별 설명과 추천 대상 확인

피부 타입 진단 콘텐츠 화면 - 사용자가 자가 진단을 시작하는 진입점

시술 카테고리 탐색 화면 - 고민별로 시술을 골라 비교

시술 카테고리 화면 (하단 스크롤) - 카테고리 전환 후 노출 영역