미리보기

Node.js와 리액트 네이티브를 활용한 복약 관리 모바일 어플리케이션

사용 기술: React Native, TypeScript, JavaScript, Node.js

인원: 5명

주요 기능

1. 알람 기능 - 약의 종류에 따라 복약 요일, 시간을 설정하여 휴대전화의 알람이 울립니다.

2. 처방전 스캔 기능 - 처방전 또는 약 봉투를 스캔한 뒤 텍스트를 추출하여 약의 종류와 성분을 출력합니다.

3. 개인 프로필 기능 - 가족 중 복약중인 인원이 존재할 경우 다른 가족 구성원이 복약 기록을 확인할 수 있게 해줍니다.

담당 부분

알람 기능 구현

- 설정한 시간에 맞게 모바일 기기의 알람이 예약되며, 정해진 시간이 되면 알람이 울리는 기능

- 처방전 또는 약 봉투를 스캔하여 추출된 텍스트를 통해 저장된 데이터베이스에서 약의 복약 시간과 횟수를 불러와 자동으로 알람을 설정해 주는 기능

- 다른 가족 구성원이 알람을 미리 설정하면서 화면에 띄워줄 문구를 직접 작성 할 수 있게 하는 기능

지역별 전통시장에 대한 종합적인 정보를 제공하는 웹사이트입니다.

Node.js 서버를 간단하게 구축하여 공공데이터포털의 데이터 API를 호출, 사용자에게 필요한 정보를 제공합니다. React를 사용해 FE를 구성했습니다.

사용 기술: React, Node.js, JavaScript, MySQL

인원: 4명
개발 기간: 24.08.28~24.09.05 (총 9일)

주요 기능

1. 지역 검색 - 사용자가 자신이 원하는 지역을 시/군/구 단위로 검색할 수 있습니다.

2. 시장 정보 조회 - 사용자가 지역 검색에서 제공하는 시장 목록 중 하나를 선택하면, 해당하는 시장에 대한 상세 정보(이름 및 주소, 편의 시설 여부, 온누리 상품권 사용 가능 여부, 주변 음식점 정보)를 출력합니다.

3. 지도 - 선택된 지역의 지도를 제공합니다. 지도에는 선택한 시장의 위치에 핀이 존재합니다.

담당 부분

지도 기능 구현

- 지도 위 시장이 위치한 장소에 핀을 출력하는 기능

- 시장을 선택할 경우 핀이 강조되는 기능

- 핀이 강조된 후 시장의 상세 정보를 출력하는 기능

- 사용자가 지도 및 지도 상의 핀과 상호작용 하는 기능

웹 페이지의 전체적인 레이아웃 구성