OhTube - <동영상 어플리케이션>

스파르타 코딩클럽 iOS 7기 앱개발 숙련 프로젝트

앱개발 숙련 프로젝트는 한 가지 혹은 한 가지 이상의 외부 API를 호출해보고 데이터를 관리하는 것을 목표로 만든 프로젝트입니다. 4명의 팀으로 구성이 되어있고 9월 4일부터 9월 10일까지 프로젝트 개발을 진행하였습니다.

프로젝트 명 과 팀 명

• 제목 : OhTube

  • 후보 : 유튜브클론 / 너튜브 / cinemagic / ClipJoy / NBTube / OhTube
  • 의미: 팀의 조 순서와 YouTube의 Tube를 합친 결과물

• 팀명: 원훈이와 영식이

  • 의미: 각 팀원마다 이름의 마지막 글자를 따서 합친 고유명사

프로젝트 설명

• iOS 15.0 버전으로 개발
• 대중적으로 잘 알려져 있는 어플리케이션인 유튜브를 참고하여 구현
• 로그인과 영상 시청, 프로필 수정이 가능한 어플리케이션
• “ YouTube Data API v3 ” 를 사용하여 데이터 통신
• Git-Flow 방식과 MVC 패턴을 사용

역할 분담

• 최진훈: 영상 디테일 페이지 / GitHub 총괄
• 최홍식: 로그인 기능 페이지 / 발표자 (+ 시연 동영상)
• 김태영: 프로필 페이지 / ReadMe 작성
• 박성원: 메인 페이지 / 노션 정리

🤝 팀 프로젝트 규칙!

1. Commit Convention 규칙에 따르기❗️
2. 각자의 의견 하나씩 적극적으로 말하기❗️
3. 아침에 스크럼 진행하고 회의 결과에 따라 합치기❗️
4. 본인이 모르는 것이 있으면 바로바로 공유하기 (중요❗️)⭐️⭐️⭐️⭐️⭐️
5. 변수 선언 시 누가 봐도 알아보기 쉽게 명확하게 하기❗️
6. 이슈 트랙킹/트러블슈팅 시 공유 및 질문하기❗️

❗️ 주요 기능

로그인(회원가입) 및 로그아웃

• 회원가입 시 유효성 및 중복 검사를 하여 가입이 이루어짐
• ID, 닉네임, 비밀번호을 입력하여 고유 ID 생성 (+ 데이터 저장)
• 로그아웃은 마이페이지에서 가능

프로필 수정

• 마이 페이지에서 “ 프로필 수정 “ 버튼을 클릭 시 수정 페이지로 이동
• ID를 제외한 닉네임 및 비밀번호 수정 가능

동영상 조회 및 검색

• 로그인 시 바로 보이는 화면이 동영상 검색과 카테고리 별로 영상을 고를 수 있음
• 검색은 한 글자 씩 입력하면 검색 결과가 나오게 함
• 상단 스와이프를 통해 동영상 새로고침 표현
• “ 페이징네이션 ” 을 통해 동영상이 새로 불러옴

동영상 상세 조회

• 동영상이 시청할 수 있는 페이지
• 메인 페이지에서 동영상을 클릭 시 상세 페이지로 이동
• 이 페이지에선 “찜” 기능과 댓글을 등록 할 수 있음
• 댓글의 개수도 확인 가능

찜한 동영상 조회

• 찜한 동영상은 “마이 페이지” 에서 확인 가능
• 찜을 해제하기 위해선 상세 페이지의 “ 찜 ” 버튼 클릭
• 해제 시 마이 페이지에서 해당 동영상 사라짐

❗️ 와이어 프레임

• 처음부터 글자 및 Margin, Padding, 이미지 크기 설정

사용 기술 및 환경

• CollectionView
• TableView
• UserDefaults
• UITabBarController
• UIPickerView
• UITextField, UILabel, UIButton 등등
• NavigationController
• URL.session, GET요청

실제 화면