[코딩] 스파르타코딩클럽 앱개발 플러스 5주차 개발일지 (7/25 ~ 7/31)

5주차 강의는 12강으로 구성되어 있다!

 

5-1에서 배운 내용!!

-5주차에서 배울 내용 알아보기: 게시글 무한 스크롤, 댓글 구현, 좋아요 구현

 

5-2에서 배운 내용!!

-무한 스크롤: 게시글을  처음 5개만 가지고 와서 스크롤을 하단까지 내리고 그 다음 5개를 가지고 온다.

왜??? 앱이 빨라지고 사용자 이탈이 줄어든다.

 

 

5-3에서 배운 내용!!

-리액트 네이티브에서 기본적으로 제공해주는 컴포넌트인 FlatList. 보여줄 데이터, 보여줄 컴포넌트만 있으면 쉽게 구현 가능.

-FlatList가 Content 영역의 역할을 하게 되었고 Content와 CardComponent 부분이 분리되었음.

가장 윗부분 (Header)과 아랫부분 (Footer)을 직접 FlatList에 지정 가능.

 

5-4에서 배운 내용!!

-하단 가까이에 다가갔을 때 새로운 데이터를 FlatList에 주입하기.

 

5-5에서 배운 내용!!

-게시글 데이터를 어디에 둘지..???

1) 다이러리 콘텐츠 문서 안에 comment 컬렉션을 만들어, 게시글 고유의 댓글 데이트를 모두 담기.

2) diary, users 레벨의 새로운 컬렉션 하나를 만들기. 그럴 경우, 디테일 페이지로 들어갔을 때, 다이어리의 유니크한 문서값을 통해 댓글 데이터를 가지고 와야 한다.

-이 앱에서는 2번 방식으로 진행.

 

5-6에서 배운 내용!!

-댓글 저장 기능.

화면 상 오른쪽의 종이 비행기 버튼을 누르면 파이어베이서 함수가 실행.

 

5-7에서 배운 내용!!

-댓글 상태 관리 기능.

특정 게시글에 들어왔을 때, 댓글들을 불러오기.

 

5-8에서 배운 내용!!

-좋아요 기능을 위한 데이터베이스 구상.

다이어리 게시글 안에 좋아요 리스트, 즉 likes 데이터베이스가 또 들어가는 형태.

 

5-9에서 배운 내용!!

-데이터베이스 저장.

하트를 눌렀을 때 로그인한 사용자의 uid를 해당 diary의 likes 컬렉션에 저장시키기.

 

5-10에서 배운 내용!!

-좋아요 매칭과 해제.

-상태데이터가 변화돼야 화면이 변한다.

우리에겐 게시글 상태 데이터(data), 좋아요 누른 게시글 아이디(did), 사용자 아이디(uid) 가 필요.

 

5-11에서 배운 내용!!

-리액트 강의안 보고 리액트 기본 기술들 더 공부해보기.

https://www.notion.so/fastreactjs/3ca6e7777a4b4d9589e52c8a9487367f

 

5-12에서 배운 내용!!

-5주차 숙제는 마이페이지 최종 구성하기.

-배포하는 방법도 알아보기.

 

 

 

 

이것으로 앱개발 플러스 5주차 개발일지는 끄으으으읕!!!