ADAM-2022 / ADAM-Client

1 stars 1 forks source link

Community Home의 UI 중 게시글 리스트 부분을 구현할 예정입니다. #10

Open feldblume5263 opened 1 year ago

feldblume5263 commented 1 year ago

Community Home의 UI 중 게시글 리스트 부분을 구현할 예정입니다.



작업 개요

스크린샷은 전체를 첨부했지만, 그 중에 CollectionView의 영역만 먼저 구현하겠습니다. 리스트이지만 CollectionView를 사용하는 이유는 추후에 설명하겠습니다. 현재 서버에 문제가 있는 이슈 때문에, Mock Data만 사용해서 테스트 할 예정입니다.



UI 작업 상세 설명

네비게이션은 hidden할 예정이고, 검색창 높이만큼 UIView를 하나 깔아두고 작업할 것입니다. 또 CollectionView도 추후 들어올 것을 대비해서 임시 TabView를 넣어두고 작업할 예정입니다. 아직 서버에서 리스폰스가 어떤 양식으로 들어올지 확정되지 않았기 때문에, 페이지네이션은 제외하고 작업하겠습니다.



CollectionView 사용 이유

Table View를 사용하여 구현할 수 있지만, 추후 앱이 수정되는 것을 고려하여 조금 더 확장성 높은 CollectionView로 생성할 예정입니다. 또한 CollectionView는 TableView 처럼 생성할 수 있으면서 더 커스텀이 자유롭게 가능하기 때문에 처음부터 CollectionView를 사용하면 좋지 않을까 하는 생각입니다.



CollectionView 관련해서 걱정되는 점

image

이 부분을 UIKit만 사용해서 자유롭게 구현이 가능할지 잘 모르겠습니다. TableView는 확실히 가능한 것을 알고 있지만, CollectionView로 가능한지는 추후 댓글이나 PR로 남기겠습니다.

<- https://github.com/ADAM-2022/ADAM-Client/issues/10#issuecomment-1416695212 에서 해결되었습니다.



Cell 구현 방식

CollectionView의 Cell은 Code Base로 작업할 예정입니다. 개인적으로 코드베이스를 더 선호하고 snapkit을 쓰는 이상 코드 가독성이 그렇게 나쁘지 않을 것으로 기대됩니다.



feldblume5263 commented 1 year ago

https://lemon-high.tistory.com/188 https://hyongdoc.tistory.com/367

해당 링크들을 참조하시면, CollectionView 역시 refresherControl을 가지기 때문에 문제 없이 작업 가능할 것 같습니다.