️⭐️ 주제: 영화 예매 앱🎬
카카오 로그인 API와 THE MOVIE DB API를 활용하여 영화 예매 앱을 만들기
- THE MOVIE DB API: https://developers.themoviedb.org/3/getting-started/introduction
📌 앱 설명
- 첫번째 화면
: 앱 로고 이미지 + 카카오 로그인 - 두번째 화면
: 영화 목록 조회(영화 이미지, 제목) - 세번째 화면
: 영화 상세 조회(영화 이미지, 제목, 상세 설명) + 예매하기 버튼 - 네번째 화면
: 영화 예매 하기(영화 선택, 자리 선택, 청소년/성인 선택, 시간 선택 등) + 예매 완료 알림창 - 다섯번째 화면
: 영화 검색 하기 - 여섯번째 화면
: 마이페이지(카카오 프로필 이미지, 이름 출력)+예매 내역 조회, 삭제 가능
- 네번째, 다섯번째, 여섯번째 화면은 상단 탭 바로 구성
- 두번째 화면과 세번째 화면은 내비게이션 바로 연결
📌 시나리오
1. 첫번째 화면에서 카카오 로그인하기 ➡️ 로그인 완료 시, 영화 목록 화면으로 이동
2. 두번째 화면에서 상영중인 영화 목록 조회하기 ➡️ 원하는 영화 클릭 시, 영화 상세보기 화면으로 이동
3. 클릭한 영화 상세보기 ➡️ 예매하기 버튼 클릭 시, 예매하기 화면으로 이동
4. 예매하기 탭에서도 원하는 영화 선택 후 예매 가능
5. 영화 검색 탭에서 영화 제목으로 검색 가능
6. 마이 페이지 탭에서 자신의 프로필과 예매 내역 조회, 삭제 가능
📌 사용 개념
카카오 소셜 로그인, THE MOVIE DB API, Postman, Alamofire, 상단 탭바(XLPagerTabStrip 라이브러리), 테이블뷰 안에 콜렉션 뷰, Delegate/Protocol, UIDatePicker, UIStepper
📌 실행 영상
📌 소스 코드
https://github.com/soobin-k/Week5_MovieInfoApp
[참고]
https://developers.themoviedb.org/3/movies/get-upcoming
THE MOVIE DB API https://developers.themoviedb.org/3/getting-started
카카오 소셜 로그인 https://developers.kakao.com/docs/latest/ko/kakaologin/ios, https://sujinnaljin.medium.com/ios-%EC%B9%B4%EC%B9%B4%EC%98%A4%ED%86%A1-%EC%86%8C%EC%85%9C-%EB%A1%9C%EA%B7%B8%EC%9D%B8-58a525e6f219
상단 탭바 https://medium.com/michaeladeyeri/how-to-implement-android-like-tab-layouts-in-ios-using-swift-3-578516c3aa9, https://nsios.tistory.com/44
테이블뷰 안에 콜렉션 뷰 https://haningya.tistory.com/225, https://pythonq.com/so/ios/970214
Alamofire https://gonslab.tistory.com/14
'iOS' 카테고리의 다른 글
[iOS] 스토리보드 레퍼런스(Storyboard Reference) (0) | 2021.07.29 |
---|---|
[iOS] xib 파일 총정리!(storyboard ❌) (0) | 2021.07.28 |
[RC_week4] iOS 쓰레드를 활용한 게임 만들기 (0) | 2021.07.11 |
[iOS_study] 시뮬레이터 화면 녹화하기 (0) | 2021.07.09 |
[RC_week3] iOS UITableView를 활용한 가계부 앱 만들기 (0) | 2021.07.04 |