[두번째 팀 프로젝트] 모바일 키오스크 1️⃣

 

01. 프로젝트 개요

내용: MacA Coffee 모바일 키오스크 제작
인원: 김솔비, 윤대성, 안지현, 김광현, 이득령

 

02. 사용하는 기술

1.1 기본 UI 요소
UIView: 모든 UI 요소의 기본 클래스.
UIButton: 터치 이벤트를 처리하는 버튼.
UILabel: 텍스트를 표시하는 레이블.
UIImageView: 이미지를 표시하는 뷰.

1.2 컨테이너 및 레이아웃
UIStackView: 수직 또는 수평으로 뷰를 정렬하는 컨테이너.
UIScrollView: 스크롤 가능한 컨텐츠 영역을 제공하는 뷰.
UICollectionView: 커스텀 레이아웃을 사용하여 데이터 항목을 표시하는 뷰.
UISegmentedControl: 여러 세그먼트 중 하나를 선택할 수 있는 컨트롤.

1.3 사용자 상호작용
UIAlertController: 사용자에게 경고 또는 액션 시트를 제공하는 컨트롤러.

2. 레이아웃 도구
AutoLayout: iOS에서 뷰의 위치와 크기를 동적으로 계산하는 시스템.
napKit: 코드로 AutoLayout 제약을 쉽게 설정할 수 있게 해주는 서드 파티 라이브러리.

3. 프로그래밍 언어 및 도구
Swift: iOS 앱 개발에 사용되는 프로그래밍 언어.
Github: 코드 버전 관리를 위한 플랫폼.

 

---

03. 인터페이스 기획

깔끔하고 직관적인 인터페이스 UI 제작

 

레퍼런스(설빙, 바나프레소)

 

 

 

메가커피 로고 활용해서 상단에 들어갈 Mac A COFFEE 로고 제작

 

 

요런 느낌으로 들어가면 좋을 것 같아서 끼워맞춰본 사진과

포토샵 고수 광현님이 만들어주신 목업 이미지!!

 

 

---

04. Miro 툴을 이용한 와이어 프레임 제작

Miro는 동시 협업이 가능한 툴인데, 역시 팀플하면 배울게 많다

다음 프로젝트 때 써먹어야쥥 ㅎㅎ

 

---

05. 기능별 역할 분담 

모두가 다양한 기능을 사용해보는게 목표여서 역할 분담을 아래와 같이 짰다

Top(1명): 로고 삽입, 검색, 카테고리
Middle(2명): 메뉴 목록 제작
bottom(2명): 이름, 수량, 장바구니(체크목록) 제작

 

 

그러다보니 역할이 겹치는 인원들끼리는 어떻게 코드와 깃을 관리해야하는지가 궁금해져서 튜터님께 자문을 얻으러 갔다!!

왜냐면 동시 커밋 시 충돌이 발생할 수 있기 때문..,,

 

그동안은 깃에서 최대한 충돌을 발생시키면 안된다고 이해하고 있었는데

튜터님께서 새로운 방향으로 생각할 수 있는 생각하지 못한 답변을 주셨다..!!

충돌이 나는 건 문제가 아니다
협업 시 충돌이 나서 해결하는 것은 협업 시 당연한 것이다
손머지 한다고 하는데, 커밋한 담당자와 상의하여 한명이 코드를 옮겨 적어서 푸쉬하면 된다
의도하지 않은 충돌이 나는 것이 문제다

 

---

06. 협업을 위한 팀 규칙

그리고 협업을 위한 몇가지 규칙도 정했다

 

1. 일정관리

오전 10시 : 출석체크 후 하루 계획 회의 
오후 3시 : 진척도, 문제점 공유 
오후 7시 : 오늘 학습한 내용 또는 개발 진척도 확인

 

2. 프로젝트 규칙

1. 변수명은 카멜 표기법으로 작성하기.
ex) -> textFile, viewController 이런식으로 첫 단어를 제외

2. 자기가 짠 코드 위에 다음 코드가 어떤 동작을 실행하는지 주석 달아주기
ex) 클릭시 주문상세가 표기 됨

3. 깃 허브 규칙 : PR올리는거 2명 이상 동의해야 머지 시킬 수 있도록 설정해 놨음 PR 할 일 생기면 팀원이랑 상의 후 머지하기!

4. 스크럼 때 오늘 무엇을 구현을 할 것인지 정해놓고, 마무리 회고 시간에 어느정도 진행 완료 했는지, 어려운 점은 무엇이였는지 공유하며 하루를 마무리 하는 느낌으로 한다.