본문 바로가기

공부하콩!

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

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주차 개발일지는 끄으으으읕!!!