ehgud0670 / giphyapp Goto Github PK

• 팝업 창에 giphy 정보를 뷰에 입히기
  • 이미지, 이름
• 공유 버튼 기능 구현
• 별 추가 및 애니메이션 주기

• 무한 스크롤
• 네트워크 객체는 VC에 두기
  • GifUseCase
• 모델 객체 만들기
• RxSwift 사용하기

UI 개선합니다.

• 배경색은 검정색 팝업창은 핑크색으로 변경

• 팝업 뷰 모달 잘 안되는 것 개선시킨다.
  • UI이외에 최대한 main thread를 사용하지 않도록 해서 해결해보자

• 검색페이지에 해당 기능 추가

• 썸네일에 페이트 인 효과 적용
• Placeholder image 로 다크한 색상 이미지로 교체

• local storage 중 core data을 이용한다.
  • 최대 20개만 등록할 수 있게 할것
  • 등록한 최근 순으로 보이게 할 것
  • 즐겨찾기 한 내용이 없을 때 사용자와 효괴적으로 커뮤니케이션 할 것
  • placeholder 이미지 붙이기
• 배경은 분홍색
• detail VC도 건드려야 할것
  • 별 등록 및 해제 기능

ImageTask 객체를 뷰 나 뷰컨트롤러에 한개만 둔다.
캡쳐할때 self를 weak로 캡쳐한다.

현재 상황

*original url 과 frame을 사용해 시도해본다.

• 공유 기능 버튼 구현
• 랜덤 버튼 기능 구현
  • Random Request 구현 => Random API 사용

• 이미지 다운사이징
• 메모리 캐시 카운트 수 제한
• 꽉차면 캐시 클리어
• 검색시 이전에 캐시에 있던 데이터 clear

• downsized url 로 하니 로드 안되는 이미지 발견해서 original url 로 변경한다.

다시 기존 페이지로 돌아와도 데이터가 모두 그대로 있도록 코드 수정하자.

• viewDidDisappear에 disposeBag을 두면 어차피 VC가 살아있는데 모든 구독을 취소한 것이므로 다시 화면에 돌아왔을때
  불필요하게 로드를 해줘야 한다.
• 현재 상황으로는 viewDidDisappear의 disposeBag 초기화 코드는 없애고 rx과 캡쳐하는 모든 self를 weak 로 둬서 해결하자.
  • weak 로 두는 이유: 나중의 혹시 모를 메모리 누수를 방지해야 한다.

• 하단 탭을 검색, 즐겨찾기, 랜덤 으로 분리
• 검색 화면 UI 구성하기
  • CollectionView 사용
  • UITextField 사용
  • 코드로 뷰를 구성하기
    • 객체 재사용성 고려
    • Snapkit, Then 사용하기
• 어느 디바이스에서든 한 row에 최대 3개 단위의 이미지 그리드 형식
• Cell은 가로 세로의 길이가 1:1로 동일

• ReactorKit 삭제, MVVM 도입
• GiphyCell 재사용

• 무한 스크롤
• RxCocoa 사용하기

Modal 뷰 UI 구성

• 셀 터치하면 Modal 뷰 나오도록 함
• UI 구성은 일단 사진, 이름, 나가기 버튼, 공유 버튼으로 구성