[Project/iOS] 스린이들 - 팀 소개 App

 

프로젝트 주제

• 프로젝트 주제 : 팀 소개 앱 만들기
  • 주제를 포함하여 구현, 주제 외 추가 구현에 제약은 없다
  • 깊이 파고드는 것이 아닌 협업을 하는 것이 핵심!
• 프로젝트 기간 : 02/26(월) ~ 03/01(금) 일주일 단기 프로젝트
• 🔗 발표 자료
• 🔗깃허브 링크

 

팀명

👬TEAM 스린이들 (iOS_3기 2조) 

 

스위프트 + 어린이들을 합친 의미로 스위프트에 아직 익숙하지 않지만 성장해나가자는 포부를 담았다.

 

 

 

프로젝트명

 

🏫오늘배움초등학교

 

• iOS 개발자를 목표로 함께 Swift를 공부하는 ‘스린이들’
• 학교 컨셉으로 구성한 팀 소개 앱
• 팀원들의 정보와 간단한 소개를 제공하여 팀원 간의 소통과 협업을 촉진

 

사용된 기술

• SwiftUI, UIKit : 사용자 인터페이스 개발을 위한 프레임워크
• Figma : 사용자 인터페이스 디자인을 위한 도구
• GitHub : 협업과 버전 관리를 위한 도구

 

🖼️ 와이어프레임

회의를 통해 피그마를 통해 와이어 프레임을 작성했다.

 

 

위의 와이어 프레임을 팀원분께서 디자인해 주신 결과다!

칠판 컨셉의 UI디자인을 구성해 주셨는데 결과가 너무 좋아서 감탄했다.

 

 

📑 Page 구성

• 런치 스크린(SwiftUI애니메이션)
• Main page: Bottom Tab Bar Controller
  • 팀 소개
  • 팀원 소개
• 팀 소개 page: ScrollView 활용 
  • 역할 및 목표, 협력소개, 성과 및 소감, 미래비전
• 팀원 소개 page: CollectionView 활용(버튼 활용해 ui구성 변경), 멤버 데이터 불러와 연결
  • 카드
  • 프로필 리스트 
• 프로필 상세 page: SwiftUi 활용
  • 각 팀원의 상세 정보
  • 깃허브, 블로그 링크 연결
• Quiz page
• 오답 및 정답 Alert 표시

 

팀원들끼리 기능은 각각 한 페이지씩 제작을 맡았다.

깃허브 사용 전 제작을 시작해 전체적인 코드 병합에 어려움이 있었지만 팀원 한 분이 고생해 주셨다.🥹

 

내가 맡은 화면 및 기능은 다음과 같다.

• UIKit을 사용하여 퀴즈 화면 제작
• 런치 스크린 제작
• 멤버 데이터 구조체 작성

 

🎯최종 구현 화면