Sparta Swift Team Project #1 ... Coffee Ordering App ☕️

TaeUk·2024년 4월 16일

TIL iOS Project

Swift Project 정리

목록 보기

3/3

Team Project 마무리

벌써 팀 프로젝트가 끝난지 일주일이 지났다... 지난주 월요일에 다른 팀들도 모여 함께 결과 발표를 진행하였다.

결과부터 말하면... Coffee Ordering App에서 모든 기능을 구현하지 못하였고, 그 상태로 발표를 진행하였다. ㅠ

이에 대한 원인도 팀원들과 함께 고민해보았다... 😥

엿튼, 우여곡절 끝에 프로젝트는 마무리되었다... 🙈

Coffee Ordering App 기능 정리

Coffee Ordering App의 UI를 모든 팀원이 만들어보고, 가장 적합하다고 판단되는 것을 사용하기로 하였다.

그 결과, 팀원 중 한 분의 StoryBoard를 사용하기로 하였다!

우선 아래의 그림처럼 StoryBoard를 구성하였고, 메뉴 항목 선택을 위해 UISegmentedControl을 사용하였다. 그리고 선택된 항목에 따라 메뉴를 보여주기 위해 UICollectionView를 사용하였고, 하단의 선택 내역을 보여주기 위해 UITableView를 사용하였다.

Coffee Ordering App -> StoryBoard

그리고 화면 중앙에 선택된 메뉴의 수와 총 금액을 출력하기 위한 Label을 추가하였다.

여기서 나는 UICollectionView에서 선택한 값들이 UITableView에 중복되어 출력되는 것이 아닌, 선택된 항목에 한하여 하나의 Cell만 출력하도록 기능을 수정하였다.

그리고 결제 확인에서 UIAlertView를 사용한 추가 알람까지 구현하였다.

이후, 이러한 기능에 따른 와이어프레임을 작성해보았다.

필수 구현 기능

배너 : UILabel의 inspector에서 text를 변경하여 내용을 변경
카테고리 : UISegmentedControl 을 사용하여 각 segment 마다 카테고리에 맞는 메뉴를 표시
메뉴 : UICollectionView 의 각 셀에 UIImage 와 UILabel을 추가하여 메뉴 사진과 이름, 가격정보를 표시(셀의 갯수는 메뉴 데이터의 숫자대로 생성되며 한 줄에 에 2개의 셀이 배치)
선택된 메뉴의 총개수와 총가격 : UICollectionViewCell이 선택될 때 작동하는 함수(didSelectItemAt)를 사용하여 tableView에서 바뀐데이터를 통해 표시
선택된 메뉴 리스트 : UITableView 를 활용하여 스크롤 형식으로 선택된 메뉴를 표시하였으며 UITableViewCell 에는 UIImageView와 UILabel을 활용하여 선택된 메뉴의 사진과 이름을 표시하고, UIStepper를 사용하여 선택된 메뉴의 개수를 줄이고 늘리는 기능을 추가
결제, 취소 버튼 : 전체삭제, 결제하기 버튼 선택시 확인 알럿, 한번 더 확인을 누를 시 완료되었다는 안내창이 뜨며 테이블뷰와 총 메뉴 집계수량의 데이터가 초기화