팀 소개 앱 만들기
내일 배움 캠프 1주 차, 온 보딩 겸 미니 프로젝트를 시작했다. 다섯 명이 팀을 이루어 정해진 주제에 따라 애플리케이션을 구현하게 되었고, 주제는 ‘팀 소개 앱 만들기’였다. 개개인의 역량이 다른 상황에서 최선을 다해 구현했고 짧은 시간에 비해 아쉽기보다는 만족스러운 결과물을 얻을 수 있었다. github 링크
📝 초기 와이어 프레임 및 피그마 디자인
👥 팀 소개
저희 [ 응~나 T야 ] 팀은 MBTI 성격 유형 중 T(Thinking, 사고형)를 가진 5명의 멤버로 구성되어 있습니다. 다양한 경험을 가진 팀원들이 각각의 개별적인 역량과 성격을 바탕으로 서로 협력하며 프로젝트를 진행하고 있습니다. 모두 iOS 개발자가 되고 싶어 하는 열정을 가진 저희가 일주일 동안 팀 프로젝트 앱을 개발하며 서로의 단점을 보완하고 장점을 극대화하며 ‘팀이란 이런 것이다’를 보여줄 수 있도록 노력하는 [ 응~나 T야 ] 팀이 되도록 하겠습니다.
✔️ 역할 분담
📱 앱 시연 화면
각각 맡은 역할 별로 어려웠던 점과 그에 대한 해결 방안을 작성했던 걸 토대로 재정리해 보았다.
splash화면(gif(01))
해당 화면은 구현 시 어려웠던 점은 크게 없었으며, 지속시간은 1초로 설정해 매끄럽게 메인 페이지로 이동하도록 구현했다.
메인화면(gif02)
캐릭터마다 버튼을 만들어 클릭 시 다음 화면으로 이동하도록 구현했다. 또한, 스파르타 캐릭터인 르탄이(명명 T탄이) 클릭 시 모달 기능을 활용하여 팀 소개 화면으로 이동하도록 구현하였다. 어려웠던 점은 다음 화면으로 넘어가도록 하는 게 어려웠으며 강의와 구글링을 통해 해결했다.
팀 소개 화면(gif02)
앞서 서술했듯 모달 기능을 사용하여 버튼 클릭 시 아래에서 위로 팀 소개 화면이 나오도록 구현하였다. 어려웠던 점은 사용해 본 적 없는 스토리보드 사용이 어려웠으며, 실제 여러 기능을 직접 만지며 하나하나 적용해 보면서 해결했다.
팀원 소개 화면(gif03)
이전 화면에서 데이터를 전달받아 내용을 구성하는 것을 목표로 구현했다. 개인 프로필 화면과 다음 화면인 개인 링크(github, 블로그) 화면을 연동하는 과정에서 버그가 발생해 어려움을 겪었다. 해결 방법은 스토리보드 객체를 생성 후 변수에 할당하여 인스탠시에이티브 뷰 컨트롤러 메서드에 접근하는 방식으로 해결하였다.
팀원 개인 링크 화면(gif03)
마지막으로 개개인의 github, 블로그의 링크를 소개하는 화면이다. 어려웠던 점은 해당 화면으로 넘어올 때 모달 기능을 사용하여 화면 길이를 조절하는 부분이 어려웠다. 이 부분은 커스텀 모달을 사용하여 크기를 조절하고 밖에 dim이 안 뜨는 크기로 조정하여 해결하였다.
🎨 최종 프로젝트 목업
✧ 아쉬웠던 점
아무래도 디자인을 해줄 담당자가 없다 보니 팀원들이 함께 하나하나 짚어가며 디자인을 진행했다. 첫 프로젝트이니 만큼 잘 한거라 생각하지만, 가독성 측면에서 봤을 때 폰트 하나 정하는 것도, 사용자 입장에서 버튼 위치나 여러가지 측면을 고려했을 때 'UIUX를 배우고 있는 분들과 협업했다면 어땠을까?' 하는 아쉬움이 드는 건 사실이다.
한가지 바라는 점은 내일배움캠프를 하며 UIUX디자인을 배우고 있는 분들과 협업할 기회가 생긴다면 좋을 것 같다.
✦ 앞으로의 각오
디자인적인 부분도 공부해 봐야겠다는 생각이 들었고, 제일 중요한 github에 대해 협업하는 데 무리가 없을 정도로 반복적으로 학습하고 배워야겠다. 또 기능적인 면에서 무리이지 않을까, 하는 막연한 두려움에서 벗어나야 할 것 같다. 그리고 제일 중요한 것은 팀 프로젝트이니 만큼 조금 더 내 의견을 적극적으로 피력하고, 그럼에도 타인을 존중하며 말하는 습관을 기르도록 노력할 것이다.
'𝗣𝗥𝗢𝗝𝗘𝗖𝗧 > 내일배움캠프 프로젝트' 카테고리의 다른 글
| [내일배움캠프] iOS 개발 종합반 6주차 - 키오스크 앱 만들기 (0) | 2024.04.12 |
|---|
