Skip to content
@P1-3-kbAnk

방갑다

전자처방전 전자지갑 서비스 방갑다

image

🔗 배포 URL : https://www.bangapda.com/

💬 프로젝트 개요

MZ세대를 위한 편리한 전자지갑 서비스는 이미 다양하게 존재하지만, 고령층 및 장애인 등 금융 소외계층을 위한 전자지갑 서비스는 아직 충분하지 않습니다. 비대면 금융이 점차 활성화되고 금융의 디지털화가 가속화되는 현 시점에서, 이들을 위한 맞춤형 UI와 기능을 갖춘 서비스가 필요한 시점입니다. 우리는 주민등록증뿐만 아니라, 장애인증, 건강보험증, 의료급여증, 장애인 증명서 등의 탑재 및 보험 청구 기능 등을 통합한 전자지갑을 개발하여, 이들에게 평생 금융 파트너로 자리매김하고자 합니다. 이를 통해 단순한 이윤 창출을 넘어, 동반 성장할 수 있는 바람직한 사회를 만들어 나가는 데 기여하고자 합니다.

🧑‍🤝‍🧑 팀원 구성

한상민 김성헌 최규찬 임준수 김도은 문환희
한상민 김성헌 최규찬 임준수 김도은 문환희
PM & Back End Back End & Front End Back End & Front End Front End & UI/UX & Back End Back End & CI/CD Back End & AI

🗓️ 개발 기간

2024.9.5 ~ 2024.9.11

  • 아이디어 회의
  • 개발 기획
  • UI 설계

2024.09.12 ~ 2024.09.13

  • 데이터베이스 스키마 설계
  • UI 설계 및 수정
  • 기능 명세서 작성
  • API 명세서 작성

2024.09.14 ~ 2024.10.14

  • 백엔드 개발 및 프론트엔드 개발
  • 백엔드 프론트엔드 API 연동 및 디버깅
  • CI/CD 설정 및 배포

2024.10.15 ~ 2024.10.16

  • 프로젝트 발표 준비
  • 프로젝트 발표

💻 개발 환경 및 기술

  • Front End : Vue.js, PWA, TypeScript, FireBase, CVA(Class-Variancem-authority), Shadcn-Vue
  • Back End : Spring Framework(6.x), Gradle(7.x), Spring Security(6.1.x), Fast API, MySQL, JWT, OAuth2
  • 버전 관리 및 이슈 관리 : GitHub
  • 협업 툴 : Notion, Slack, Discord
  • CI/CD : GitHub Actions
  • 배포 : AWS EC2
  • UI/UX : Figma

📎 협업 과정

매주 1회씩 스크럼을 진행하며 진행상황을 공유. 컨벤션을 정해서 협업의 효율을 증대.

🧑🏻‍💻 브랜치 컨벤션

브랜치 구분 브랜치명 설명
주요 브랜치 develop 기본 디폴트 브랜치
release 배포 브랜치
서브 브랜치 feature/** 기능 구현 브랜치
hotfix/** 긴급 수정 브랜치
refactor/** 리팩토링 브랜치

ex) feature/login : 로그인 기능 구현 브랜치

🗒️ 커밋 컨벤션

Gitmoji Code Gitmoji 설명
:tada: 🎉 Init: 최초 파일 생성
:sparkles: Feat: 기능 구현 첫 커밋 할 때
:pencil2: ✏️ Fix: 자잘한 코드 수정
:art: 🎨 Refactor: 코드 수정 (기능 수정 없이 이쁘게 최적화)
:ambulance: 🚑 Hotfix: 급하게 치명적인 버그를 고쳐야하는 경우
:rewind: ⏪️ Revert: 변경 사항 되돌리기
:memo: 🗒️ Docs: 문서 수정 (문서 추가, 수정, 삭제, README)
:wrench: 🔧 Chore: 기타 변경사항 (빌드 스크립트 수정, assets, 패키지 매니저 등)
:label: 🏷️ Rename: 파일 혹은 폴더명을 수정하거나 옮기는 작업만 한 경우
:coffin: ⚰️ Remove: 파일을 삭제하는 작업만 수행한 경우

💬 이슈 컨벤션

💬 **`recommend`** **`custom`** **`not used`**

🐛 bug : 버그 관련 Issue == 예기치 않은 문제 또는 의도하지 않은 동작이 발생

🛠️ fix : 버그 수정 관련 Issue == 버그 해결 등 기능 및 동작에 대한 수정

🔨 refactoring : 동작 결과에 대한 변경 없이 로직, 변수명 등을 변경

feature : 새로운 기능 추가 관련 Issue == 기능 구현

test : test 관련 Issue

📑 documentation : 문서화 관련 Issue == 문서 작성 및 수정

🎨 style : UI 관련 Issue에 사용

🗒️ PR 컨벤션

Reviewer’s To-Do List

  1. source-target 브랜치 확인
  2. 코드 리뷰 꼼꼼히 하기
  3. approve 하거나 리뷰 적기 (둘다 해도 좋음)
  4. 백엔드는 작성자 제외하고 2명이상, 프론트는 작성자 제외하고 1명 이상의 approve를 얻어야 merge 가능

Merge Request Body Template

Header의 설명

## 🔎 Summary

## 📑 Description

## 🔷 JIRA Issue Number

## ✅ Check List
- 소스-타겟 브랜치 확인하기
- 코드 리뷰하기

📎 데이터베이스 ERD

image

⚙️ 아키텍쳐 다이어그램

image

🔎 서비스 기능

✏️ 회원가입

image

  • 카카오 소셜 로그인으로 로그인
  • 일반 회원, 의사, 약사로 선택해서 회원가입 가능
  • 어플리케이션 설치 버튼으로 앱 설치처럼 바로가기 버튼 추가

✏️ 회원가입 (환자)

image

  • 환자 회원은 계좌등록을 통해서 자동 결제 설정
  • 알림 수신 동의를 필수로 함으로써 푸시알림을 필수적으로 설정

✏️ 회원가입(의사, 약사)

image

  • 각각 약사와 의사는 면허번호와 병원, 약국 주소를 기입하게 설정

📎 의사 처방전 작성

image

  • 환자를 이름과 주민등록번호로 조회
  • 질병 코드와 조제시 참고사항을 기입하도록 설정
  • 약 등록 페이지에서 약을 선택, 아침, 점심, 저녁 별로 먹어야 할 약 개수와 총 복용일을 설정
  • 해당 약들이 식후, 식전 몇분에 먹는지도 기입

📎 약사 처방전 QR 인식

image

image

  • 환자의 처방전 QR을 찍을 수 있는 기능
  • 해당 약국의 처방전 리스트들을 나열
  • QR을 스캔하면 환자의 처방전이 기입되어 화면에 출력
  • 해당 약들의 가격과 총 가격을 출력
  • 결제 요청 버튼을 누르면 해당 환자에게 결제 알림 전송

📎 환자 메인 화면

image

  • 아직 조제 받지 않은 처방전이 티켓형식으로 뜨도록 설정
  • 약 받기 버튼을 누를 시, 해당 처방전의 QR이 생성
  • 오늘 복용해야 할 약들이 출력되고 주의사항과 복용여부가 화면에 출력
  • 복용여부를 터치로 설정가능
  • 조제 받은 처방전을 기준으로 복용 주의사항, 운동 요령, 식단 등을 리포트로 분석
  • 해당 리포트를 음성으로 출력
  • 최근 5개의 처방전이 리스트로 출력

📎 환자 날짜 별 복용해야 할 약 리스트

image

  • 날짜별로 복용해야 할 약 리스트 출력
  • 확인 버튼으로 해당 약을 복용했는지 안했는지 체크 가능
  • 터치 시, 해당 약에 대한 복용방법과 주의사항이 기입

📎 환자 처방전 상세 정보

image

  • 보험 청구 여부 확인버튼으로 청구 여부 체크
  • 해당 앱으로 약을 수령하지 않았다면 체크하는 기능 추가
  • 처방전의 개요(병원명, 의사명, 약국명, 약사명 등)이 표시
  • 해당 처방전 원본과 전자 영수증 보기
  • 처방전과 영수증을 PDF 파일로 저장 가능

📎 환자 마이페이지

image

  • 해당 환자 회원의 계좌정보와 복약 시간이 출력
  • 계좌정보 수정 가능
  • 복약 시간을 수정함으로써, 복약 알림의 시간 설정 가능

⛏️ 이슈 해결 및 트러블 슈팅

  • N+1 문제 해결 → 지연로딩으로 쿼리 호출 감소 시도
  • 초기 로딩 시, 데이터의 과다한 요청으로 성능 지연 이슈 → 무한 스크롤로 페이지 전환없이 페이지네이션을 통한 데이터 로딩 최소화 시도
  • 트랜잭션 매니저 충돌 → 트랜잭션 매니저가 두개였던 문제를 해결

🔎 개선 및 고도화 계획

image

Popular repositories Loading

  1. Back-End Back-End Public

    p1-3 kbAnk의 Back-End repository 입니다

    Java 3

  2. front-end front-end Public

    Vue 3

  3. .github .github Public

    전자처방전 전자지갑 서비스 방갑다

    1

Repositories

Showing 3 of 3 repositories

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…