반려동물 헬스케어 앱 'FurEver Log' 개발 후기: 사랑하는 반려동물을 위한 기록
반려동물 간병 경험을 바탕으로, 건강 상태 기록 및 기억 보존을 위한 앱 개발
React, TypeScript 기반의 컴포넌트 아키텍처(Component-based Architecture)를 활용하여 주말 내 프로토타입(Prototype) 개발 완료
앱 사용성(Usability) 극대화를 위해 단순하고 직관적인 UI/UX 디자인 적용
수의사 공유 기능(Export for Vet)을 통해 진료 시 기록 공유 편의성 제공
React 기반 UI 컴포넌트 설계
FurEver Log는 React(React)와 TypeScript(TypeScript)를 사용하여 구축되었으며, 컴포넌트 기반 아키텍처(Component-based Architecture)를 채택했다.
PetProfile, DailyHealthLog, VetVisitLog, TimelineView, ReminderLogic 등 모듈형 컴포넌트(Modular Components) 설계
UI 라이브러리 미사용 및 LocalStorage(LocalStorage) 기반 데이터 저장을 통해 개발 속도 향상
단순하고 직관적인 UI/UX 디자인을 통해 사용자의 정보 접근성(Information Accessibility) 개선
결과적으로, 주말 내 프로토타입(Prototype) 개발이라는 목표를 달성하고, 유지보수성을 확보했다.
반려동물 건강 기록 기능 구현
FurEver Log는 반려동물의 건강 상태를 체계적으로 기록하고 관리하는 데 초점을 맞췄다.
일일 건강 기록(Daily Health Log): 식욕, 활력, 구토, 호흡 문제, 체중, 투약 여부, 메모 기록
수의사 방문 기록(Vet Visit Log): 진료일, 진단명, 처방약, 비용, 후속 조치, 수의사 코멘트 기록
알림 기능(Reminder System): 식욕 부진 또는 구토 증상이 2일 이상 지속 시 수의사 상담 권고 알림
메모리 타임라인(Memory Timeline): 사진, 짧은 메모, 해피, 침착, 용감, 활발 등 태그(Tag) 기능 제공
이러한 기능들을 통해, 보호자는 반려동물의 건강 상태를 종합적으로 파악(Comprehensive Understanding)하고, 소중한 순간들을 기록할 수 있다.
LocalStorage를 활용한 데이터 저장
FurEver Log는 LocalStorage(LocalStorage)를 사용하여 데이터를 저장한다. 이는 프로토타입 개발 기간을 단축하고, 별도의 서버(Server) 구축 없이 앱을 배포하기 위한 전략적 선택이다.
데이터 지속성(Data Persistence) 확보: 브라우저(Browser) 내에서 데이터를 영구적으로 저장
오프라인 접근성(Offline Accessibility) 보장: 인터넷 연결 없이도 기록 열람 가능
단점: 대용량 데이터 처리의 한계 및 보안 취약점(Security Vulnerability) 존재
프로덕션 환경에서는 데이터 격리 아키텍처(Data Isolation Architecture)를 고려하여, 서버 기반 데이터베이스(Database)로의 전환을 고려해야 한다.
수의사 공유 기능(Export for Vet) 구현
FurEver Log는 수의사와의 원활한 소통을 돕기 위해 '수의사 공유(Export for Vet)' 기능을 제공한다.
로그 및 방문 기록 요약: 깔끔하게 정리된 정보를 생성하여 진료 시 공유
정보 접근성(Information Accessibility) 향상: 수의사가 반려동물의 건강 상태를 신속하게 파악
의사 결정 지원: 정확한 정보 전달을 통해 적절한 치료(Appropriate Treatment) 결정 지원
결과적으로, 보호자는 앱을 통해 수집된 데이터를 활용하여 수의사와의 효과적인 커뮤니케이션(Effective Communication)을 할 수 있다.
