4주차 강의는 12강으로 구성되어 있다!
4-1에서 배운 내용!!
-4주차에 배울 내용 알아보기
-앱이 꺼져도 데이터 보존하는 방법 / Cloud Firestore를 이용한 게시글 업로드 / storage에 이미지 업로드 / cloud firestore를 이용한 게시글 가져오기
4-2에서 배운 내용!!
-앱이 꺼져도 저장/관리한 데이터는 계속 사용할 수 있는 AsyncStorage 사용해야 함.
expo install @react-native-async-storage/async-storage
4-3에서 배운 내용!!
-글을 작성하기 위한 AddPage 세팅하기.
-이미지를 파이어베이스 storage에 저장 후 이미지가 저장된 주소를 받아서 이미지 저장 주소까지 들어 있는 최종 게시글 데이터를 Cloud Firestore에 저장.
4-4에서 배운 내용!!
-AddPage에서 글 작성 후 업로드하기.
-누가 쓴 글인지 알기 위해
파이어베이스 Authentication 데이터를 이용하여 현재 로그인한 사용자의 유니크 아이디 즉, uid를 꺼냄.
-언제 쓴 글인지 기록하기 위해
자바스크립트 기본 제공 도구인 날짜 도구 Date()를 이용해 현재 날짜를 꺼냄.
4-5에서 배운 내용!!
-파이어베이스 storage 설정하기.
저장할 곳과 저장할 때의 보안 설정하기.
-가지고 있는 사진을 업로드할지, 지금 바로 사진을 찍어서 그 이미지를 이용할지 특정 버튼을 눌러 결정하게 하는 기능 도구 설치.
터미널에 expo install expo-image-picker 입력.
4-6에서 배운 내용!!
-업로드할 이미지 준비.
-uri를 통해 실제 저장된 이미지의 주소로 찾아가 데이터를 가져와 업로드할 준비를 해야 함.
4-7에서 배운 내용!!
-이미지를 파이어베이스에 저장하기 전에 미리보기를 통해 보여줘야 함.
4-8에서 배운 내용!!
-storage 함수 API
4-9에서 배운 내용!!
-게시글 업로드 로직과 이미지 업로드 로직을 합쳐 글 작성과 함께 이미지를 동시에 업로드 하기.
-업로드 후에는 글 등록 페이지를 초기화하기.
4-10에서 배운 내용!!
-게시글 업로드 시 지금 업로드 중임을 알려줄 로딩바 달아보기.
4-11에서 배운 내용!!
-게시글 업로드 시 이메일이 아닌 닉네임으로 저장하기.
-이미지 크기 줄이기. quality를 0으로.
4-12에서 배운 내용!!
-4주차 숙제: 메인화면에 게시 페이지에서 업로드한 글들로 채워보기.
이것으로 앱개발 플러스 4주차 개발일지는 끄으으으읕!!!
'공부하콩!' 카테고리의 다른 글
[코딩] 스파르타코딩클럽 앱개발 플러스 5주차 개발일지 (7/25 ~ 7/31) (0) | 2022.07.30 |
---|---|
[코딩] 스파르타코딩클럽 앱개발 플러스 3주차 개발일지 (7/11 ~ 7/17) (0) | 2022.07.16 |
[코딩] 스파르타코딩클럽 앱개발 플러스 2주차 개발일지 (7/4 ~ 7/10) (0) | 2022.07.09 |
[코딩] 스파르타코딩클럽 앱개발 플러스 1주차 개발일지 (6/27 ~ 7/3) (0) | 2022.07.02 |
[코딩] 스파르타코딩클럽 리액트 기초반 5주차 개발일지 (2/21 ~ 2/27) (0) | 2022.02.25 |