codesquad-member-2020 / airbnb-03 Goto Github PK

• UI 요소들 layout 구현

• CollectionView 커스텀 클래스

• CollectionViewDelegateFlowLayout

• CellSize 설정

• CollectionViewDataSource

• StayCell Layout 구현

• addSubviews extension 구현

• 아직 백엔드 SAVE 요청 API가 구현되지 않았으므로 toggle 되도록 구현
• 애니메이션 구현

• alertView로 에러 처리

• 재시도 / 확인 처리

• 썸네일이미지뷰에는 didSelectItem이 작동되지 않기 때문에 UITapGestureRecognizer 구현
• collectionView에서 tap 했을 때에 어느 cell인지 계산
• StayListCollectionViewTapDelegate를 통해 ViewController에게 tap action 위임

Stay 배열을 네트워크를 통해 데이터를 가져오면
StayCell에 대한 뷰모델 바인딩을 구현

• ViewModelBindable 프로토콜 구현

• StayViewModel 구현

• StayListViewModel 구현

xib 사용

Search Field

최상단 텍스트 검색

• 레이아웃
• shadow 처리
• return key 눌렀을 때 이벤트 처리(델리게이트)

Filter View

• 버튼 배치
• 외곽선 처리

• : 필요한 데이터 스키마 구현
• : 메인 페이지 Mockup API 제공
• : 메인 페이지 API 구현

• 폰트 줄이기
• intrinsicContentSize을 사용하여 좌우 간격 추가

• : 필요한 데이터 스키마 구현
• : 예약 기능 기능 Mockup API 제공
• : 예약 기능 API 구현

• 커스텀 UIImageView 클래스로 구현
• final class로 선언
• 설정해줄게 많을 때는 클래스로 따로 구현

• : 필요한 데이터 스키마 구현
• : 상세페이지 Mockup API 제공
• : 상세페이지 API 구현

• : 필요한 데이터 스키마 구현
• : 지도 기능 Mockup API 제공
• : 지도 기능 API 구현

StayList -> StayDetail -> SectionDetail(?)에 쓸 NavigationController

• TabBarController에서 root view controller로 설정
• StayList <-> StayDetail push & pop
• StayDetail <-> SectionDetail push & pop
• Navigation bar 숨김 처리
• 상세 화면에서 커스텀 View로 상단 바 구현
• back 버튼 구현
• SectionDetail View Controller 생성

• Activity Indicator를 추가한다.
• blockView를 통해 애니메이션 효과를 준다.

• TabBarItem 추가
• map 버튼: floating, 클릭시 맵 뷰컨트롤러로 전환

• 네트워크 매니저 클래스

• static function으로 구현

• UseCase로 StayList 요청 관련 url 정리

• prepareForReuse 메소드를 사용하여 초기화 구현
• 재사용 할 때마다, stackView에 계속 추가되는 문제점
• pageControl 초기화
• scrollView contentOffset 초기화

• 재사용을 생각해서 SperatorView를 클래스로 구현
• Layout 변경

오토레이아웃 관련 메소드를 extension으로 구현

• constraints()
• fillSuperview()
• centerInSuperview()

• 호출 흐름 변경
• extension과 MARK로 코드들을 한눈에 확인할 수 있도록 구분

썸네일 이미지 부분 제외 상세설명 부분 구현

• DescriptionStackView

• AttributtedString with UIImage

• ReviewsLabel - AttributtedString

• SuperHostLabel - AttributtedString

• PriceLabel - AttributtedString

• AttributtedString extension으로 더 편하게 사용하는 방법

뷰 파일들이 많아져서 보기가 불편해서 그룹을 만들어서 정리하겠습니다.

• StayCell
• SearchField
• SearchFilter
• MapButton

• Data를 DB에서 직접 가져오는 Dao 클래스 구현

• pageControl 추가

• scrollViewDelegate 클래스 생성

• scrollView에서 페이징할 수 있도록 처리

• StayList에서 Cell을 눌렀을 때 화면 전환
• ViewController에 대응하는 View 작성: ScrollView 위에 StackView
• NavigationController로 이동 처리
• Detail 화면 내 섹션에 쓸 템플릿 작성

• SaveButton 이미지 추가
• SaveButton 뒤에 UIView를 추가하여 그림자, cornerRadius 구현
• auto layout 수정

• 이미지 각 비동기로 요청
• DataSource에서 처리되면 안된다.

• shadow radius
• shadow title
• shadow color

• : 필요한 데이터 스키마 구현
• : 예약 목록 기능 Mockup API 제공
• : 예약 목록 기능 API 구현

• : Postman을 활용하여 Mock Server 생성
• : Postman을 활용하여 Mock API 구현

• : 웹서버가 존재하는 EC2 서버 구축

• : DB서버가 존재하는 RDS 서버 구축

• : DB서버 보안을 위한 VPC 설정

• : EC2서버 접속을 위한 KeyPair 공유 혹은 User 생성

• : Nginx 설치

• : Mysql 설치

문서 작성

constraints() 메소드의 size 파라미터를 CGSize 타입으로 처리하고 있는데,
width, height 가 0이면 적용이 안되게 구현을 해놓았다.

하지만 이는 논리적이지 못해서 수정이 필요하다.

• 커스텀 타입을 만들어서 해결하는 방안
• optional 처리

• ViewController에서 네트워크 요청

• collectionView에 업데이트

• StayViewModel의 changedHandler 구현
• View는 받아서 업데이트 하도록 구현

• id를 어떻게 알것인가?
• 어디에서 네트워크 요청을 할 것인가?

이 부분은 stayListCollectionView 클래스 파일에 가면, 제가 그 안에서 delegate를 지정해놨는데, 여기서 delegate를 변경해서 그럴거에요.

Originally posted by @corykim0829 in https://github.com/_render_node/MDExOlB1bGxSZXF1ZXN0NDIzMDEzNjIz/pull_requests/unread_timeline

StayListCollectionView

• cellSize 설정 비율이 아닌 고정값으로
• 배경 색 다시 하얀색으로 변경

• : Airbnb를 구현하기 위해 필요한 데이터를 저장하는 DB 구조 설계

상단에서 고정되어있지 않고 스크롤되면 같이 올라갈 수 있도록 headerView로 구현

의문점

• collectionView의 header도 reusable인가
• tableView 때에는 xib를 등록하면 경고가 떴었는데 collectionView도 그럴까?

• : 필요한 데이터 스키마 구현
• : 날짜/인원/요금 Mockup API 제공
• : 날짜/인원/요금 API 구현

• 프로젝트 생성

• gitignore 추가

• Only Portrait

• 스토리보드 제거

• Root ViewController

• 마일스톤 생성

• : 필요한 데이터 스키마 구현
• : 즐겨찾기 기능 Mockup API 제공
• : 즐겨찾기 기능 API 구현

• closure handler를 이용하여 dataSource의 private 프로퍼티로 있는 StayList의 id를 전달
• 전달된 id로 바로 요청할 수 있도록

• identifier
• image urls
• title
• rate
• superhost
• type of place

현재 썸네일 이미지를 스크롤뷰 페이징으로 구현하려고, XIB에 scrollView를 추가하고 stackView가 scrollView의 subview로 있는 상황에서, stackView가 비어있으면 scrollView의 frame이 잡히지 않아서 constraint 에러가 발생합니다.

그래서 stackView에 뷰 하나를 넣고 isHidden을 해서 먼저 처리를 했습니다.

좋지 않은 방법이라 생각되어서 scrollView 부분은 코드로 구현해야할 것 같다는 생각이 드네요

• DataSource가 ViewModel 역할을 하도록 변경
• cell 마다 viewModel이 꼭 필요한 구조는 아니다.

• scrollViewDelegate를 별개의 클래스로 구현하지 말고, 바로 extension으로 채택해서 사용하는 방식으로 구현

• 상세 페이지 재사용을 고려하여, 코드로 구현

• 기존 XIB에 사용된 코드 리팩토링

• 이미지들(썸네일 이미지)을 담을 뷰 자체를 XIB 또는 코드로 처리