🫂 팀 소개 프로젝트 마지막
- 팀 소개 앱 개발 프로젝트가 드디어 끝났다!!
- 전날까지 회의하면서 앱 개발을 마무리 지었고, 오늘은 각 팀마다 만든 앱을 발표하였다.
- 모든 팀들이 잘 했지만 내 눈에는 우리팀이 제일 잘했다!!!
- 프로젝트가 마무리되어 블로그에 팀 프로젝트 정리를 해보겠다.
🎨 와이어 프레임
🎯 구체화
📱 앱 구동 화면
🔹 로고 화면
- 프로젝트 이름인
소개팀과 로고가 나오는 로딩 화면 - 팀원 분중에 디자인을 해보셨던 분께서 디자인 해주셨다.
🔹 매칭 항목 선택 화면
- 나에게 맞는 팀을 찾기위한 설문조사? 같은 항목이 나오는 화면이다.
- 최상단 타이틀 특정 문자 글씨 스타일 적용 기능 구현
- CollectionView로 구현
- cell 선택 시, cell 테두리 색이 변경 기능 구현
- cell 다중 선택 기능 구현
- 자신의 성향에 맞는 항목을 선택 후 버튼을 누르는 화면
🔹 어울리는 팀원 결과 화면
- 이전 화면에서의 결과 화면
- 우리 팀원의 간략한 정보가 나열
- 밑에 광고 버튼 구현
- 컨셉이 팀을 찾는 것 뿐이지 사실 팀원을 소개하는 것이 목적이여서 어떻게 선택하든 우리 팀원만 나온다.
🔹 팀원 선택 화면
- 이전 화면에서 팀원들 중 한명을 선택 시, 선택한 팀원의 매력 포인트가 출력
- 매력 포인트는 협업 시, 매력으로 보여질 능력
- TableView로 구현
🔹 광고 화면
- 어울리는 팀원 결과 화면에서 맨 밑에 광고 버튼을 누르면 나오는 광고 페이지
SFSafariViewController사용하여 구현
🔹 팀원 상세 보기 화면
- 팀원의 상세 정보를 보여주는 화면
- 팀원의 사진 및 프로필 정보가 출력
- 사는 지역
- 블로그
- 혈액형
- MBTI
- 취미
- 특징
🔹 매칭 결과 확인 화면
- 앱 컨셉이 팀을 찾아주는 컨셉이여서 들어간 화면
- 사실 우리팀을 소개하는 화면
🔹 팀 github 접속 화면
- 이전 화면에서 합류하기 버튼을 누르면 팀 github 페이지로 이동된다.
SFSafariViewController사용하여 구현
⬅️⬆️⬇️➡️ 앱 화면 이동
✍️ 첫 팀 프로젝트 회고
2팀 KPT 회고
Keep Problem Try
프로젝트 개요
- 프로젝트 명: 소개팀
- 필수 작업: 테이블뷰를 활용해 필수 UI 구성, 셀 커스텀 하여 데이터 바인딩, 필요에 따라 웹뷰 적용
- 추가 작업: 유저 모델을 이용한 데이터 바인딩
⁉️ 소감
- 규섭
- 코드 베이스 UI 구현 방식을 지금까지 고수해왔던 터라 팀원분들의 스토리보드 방식에 협업에 있어 어떻게 접근하면 좋을지 생각해보았고 이에 어려움을 느꼈지만 성공적으로 마쳤음에 좋은 경험을 했다는 생각입니다. 깃과 깃허브를 둘째날부터 바로 써보기로 하여 팀원분들께 이를 알려드리고자 전날 공부하고 후에 정리해서 발표하는 과정이 스스로 개념을 정리하는 데에 도움이 많이 되었습니다. 나아가, 협업 과정 중 Conflict를 해결하면서 충돌 난 파일이 어떤 파일인지 알 수 있었고 이를 해결하려면 어떻게 해야하는지 다양한 경험을 할 수 있어서 좋았습니다. 열정 넘치는 팀원분들이 질문도 많이 해주셔서 동기부여를 받음과 동시에 기존에 알던 개념들을 정리할 수 있는 좋은 기회였습니다.
- 다성
- 시간이 부족하면 팀원들과 회의 후 작업이 가능한 영역이 어디까지인지 확인하고, 우선순위에 따라 작업해야한다는 것을 느꼈습니다. 또한, UI나 Label에 제약을 추가할 때는 제약의 목적을 명확하게 고민하고 추가해야한다는 것을 배우게 되었습니다. 팀 협업을 하기 전에, 초기 세팅을 어떻게 할 것인지 회의를 하고 정리한 다음 프로젝트를 해야한다는 생각이 들었습니다.
- 노훈
- 생각보다 예상한 화면을 코드로 구현하는게 어려웠고, 팀원들과의 소통으로 작업이 더 수월해지고 모르는것을 많이 배워갈 수 있어서 좋았습니다. 또 제가 어떤 부분에서 약한지 알수있었고 협업에 필요한 git과 fork 툴의 사용법도 배우게 되어 좋았습니다.
📝 Keep
- 하루 세 번 스크럼을 통해 진행 상황 공유 및 계획
- 문제점을 함께 해결하고 성장해야 한다 !!
- 머지하기 전 미리 커밋해두기
- 커밋 컨벤션 되도록 지켜보기
🤔 Problem
- 문제
- git hub 연동, 이어서 Conflict 발생
- 스토리보드와 코드 베이스 간의 연결 문제
- 코드 구조화 문제
- 스토리보드를 활용한 오토레이아웃 설정
- 테이블뷰, 컬렉션뷰 셀 관련 커스터마이징의 어려움
- 이미지뷰 radius 적용에 관한 문제
- 원인
- 경험 부족
- 스토리보드에 이어 pbxproj 파일에 오류가 이어짐
🛠️ Try
- Github를 이용한 다양한 상황을 두려워하지 말고 직면하여 해결해보기
- 뷰에 대한 레이아웃을 다양하게 시도해보기
- 하루 세 번 스크럼을 통해 진행 상황 및 어려운 점 공유
- 스토리보드의 경우 연결 관련 버그일 수 있으므로 재연결해보기
- 테이블뷰, 컬렉션뷰의 셀 관련 설정 원리에 대해 이해해보기
- 함수로 구조화하는 방식에 대해 보고 접목해보기
iOS 개발 블로그