[ios/Project/N빵] 5. 정산하기 및 공유하기

https://eunduk2.tistory.com/15

[ios/Project/N빵] 4. 장소/메뉴 추가 및 관리

 

저번 글에서 생성된 파티에 장소와 메뉴를 추가하였었다.

이제 최종 목표인 정산만 하면 된다!

 

 

종강 기념 술 파티에서 위와 같이 모든 일정을 등록하였었다.

네비게이션 바 오른쪽에 위치한 정산 버튼을 터치하면 정산 뷰가 모달로 올라온다.

 

 

 

정산 내역은 위와 같이 구성하였다.

최대한 보기 쉽게 구성하였고 잔돈은 홀수 계산시 남는 돈이다.

장소 셀을 보면 카메라 아이콘이 있는데 터치하면 전에 등록하였던 영수증 사진을 볼 수 있다. (공유 및 수정도 가능)

비어 있는 카메라 아이콘은 사진이 등록되어 있지 않은 것이고 추가할 수 있다.

 

 

그리고 장소 셀을 터치하면 해당 장소의 메뉴들을 상세하게 확인할 수 있다.

중복 테이블 뷰로 구성하였고 장소 셀을 터치하면 해당 메뉴들의 가격과 정산내역을 볼 수 있다.

장소 안에 메뉴의 개수에 따라 셀 높이가 달라지며 위와 같이 3개이상의 메뉴이면 높이가 한정되어 있다. (스크롤로 확인 가능)

해당 장소의 셀을 다시 터치하거나 다른 장소의 셀을 터치하면 원래대로 돌아온다.

 

 

 

파티원이 많아 정산내역에서 셀을 넘어버릴 수가 있는데 스크롤뷰로 구성하여 볼 수 있게하였다.

위와 같이 스크롤을 통해 가로로 모든 사람을 볼 수 있다.

위 장소 셀 뿐만 아니라 내 어플의 가로로 사용자가 나열되어 있는 부분은 다 스크롤 뷰로 구성했다.

 

 

이제 정산 내역을 공유해야 하는데 그 전에 계좌 정보를 추가해 보겠다.

정산 내역 맨아래에 버튼을 통해 계좌를 추가할 수 있다.

두 개의 선택지를 통해 계좌를 추가할 수 있다.

 

 

먼저 새로운 계좌를 추가해 보겠다.

텍스트 필드 3개가 담긴 알람창을 통해 새로운 계좌를 받게 하였다.

이때 은행이름과 계좌번호는 필수로 입력하여야만 등록할 수 있다.

 

 

 

새로운 계좌를 추가한 모습

 

 

이번에는 기존 계좌 추가를 선택하여 계좌를 추가해 보겠다. (계좌는 여러개 추가 가능)

기존 계좌 추가 기능은 어떤 파티방에서든 새로운 계좌를 추가한 적이 있다면 기억해놨다가 위와 같이 피커뷰로 띄워 고를 수 있게 하였다.

 

 

 

기존 계좌를 하나 더 추가한 모습

 

 

이제 공유를 해볼건데 네비게이션 상단바 왼쪽에 공유버튼을 통해 할 수 있다.

그러면 위와 같이 두개의 선택지가 생긴다.

 

 

먼저 문자 메시지로 공유하기를 해보겠다.

친구 등록을 할 때 기입했었던 번호를 가져와 자동으로 초대하였고 보내는 글도 자동으로 추가되게 하였다.

본인의 전화번호는 생략하고 나머지 2명의 번호로만 보낼 수 있다.

따라서 문자 메시지로 공유하기 기능은 전송 버튼만 누르면 된다.

 

 

다음으로 다른 앱으로 공유하기 기능을 사용해 보겠다.

자신의 아이폰에 깔린 다양한 앱들로 공유할 수 있다.

 

 

카카오톡으로 메시지를 전송해 보겠다.

카톡으로 메시지를 전송한 모습.

위와 같이 정산 내역을 텍스트로 구성하였다.

 

 

공유하기를 끝으로 나의 어플에 모든 기능이 끝났다.

카카오페이 송금하기나 정산하기 기능을 사용하고 싶었는데 여러모로 쉽지 않아서 넣지 못하였다.

시작할 때 목표는 최고의 앱을 만들어 앱스토어 심사까지 받는 것이 목표였지만 쉽지 않은 일인 것을 깨달았다.

그래도 짧은 기간 동안 프로젝트에 많은 시간을 쏟고 경험할 수 있어서 좋았따.

역시 이론 공부도 중요하지만 이런 실습의 경험이 정말 중요하다는 것을 또 한번 느낀다.

 

다음에 더 좋은 프로젝트로 돌아오겠습니다 !!

 

 

https://github.com/EunDuk2/nDutchPay

GitHub - EunDuk2/nDutchPay