daino_saur
article thumbnail
반응형

섬네일

오늘은 csv, json 파일 등을 파이어베이스에 쉽게 저장하는 법을 배워보겠다.

Firebase

Firebase 저장소는 두가지가 있다.

하나는  Realtime DB이고 다른 하나는 Firestore DB이다.

그 둘의 차이점은 이 글에서 자세히 정리해 주어서 참고하면 좋을 것 같다.

 

Firebase Realtime, Cloud Firestore [의미, 공통점, 차이점, 앱 기능에 따라 데이터베이스 추천]

우선 Firebase에 대해 먼저 알아보자! Firebase란 구글이 소유하고 있는 모바일 애플리케이션 개발 플랫폼이다. 앱을 개발하고 개선할 수 있는 도구 모음을 제공한다. 사실 처음에 Firebase는 단순히 데

iamthejiheee.tistory.com

 

그럼 Realtime DB에서의 파일 저장법 Firestore DB에서의 파일 저장법을 각각 알아보겠다.


Realtime DB에 데이터 저장하기

Realtime에 json 파일과 csv 파일 저장하는것은 너무 쉽다.

 

Realtime DB에 들어가 화살 표시된 아이콘(more vert)을 클릭 후

Realtime DB

 

JSON 가져오기를 클릭 후

JSON 가져오기

 

json 파일을 선택해 주면 끝

JSON가져오기 파일 선택

만약 csv 파일이라면 아래의 사이트에 들어가 csv파일을 json 파일로 변형시킨 뒤 이 작업을 진행하면 된다.
 

CSV to JSON - CSVJSON

Embed all the functionality of csvjson in any web application with Flatfile. Auto-match columns, validate data fields, and provide an intuitive CSV import experience.

csvjson.com

 


Firestore DB에 저장하기

요즘은 거의 realtime이 아닌 firestore을 사용하는데

원래 csv이나 json을 firestore에 저장하는 법은 정~~말 복잡하다.

근데 Refi라는 확장프로그램으로 원클릭으로 정말 쉽게 해결할  있다.

Refi는 Firestore 데이터 생성과 편집을 좀 더 자유롭게 도와주는 프로그램이다.

사용하면 정~~말 편하니 강추한다.

Refi를 사용해 firestore에 저장해 보겠다.

 

Refi 다운

먼저 Refi 사이트에 접속한다.

 

Refi App - An open-source GUI tool to make interacting with Firestore less painful

A tool to make interacting with Firestore less painful. It's a free Firestore GUI

refiapp.io

 

그리고 우측 상단에 다운로드 버튼을 클릭한다.

Refi 홈페이지 접속

 

운영체제에 맞는 파일을 선택한다.

window는 exe, ios는 dmg

Refi 다운로드

 

Firebase와 연동

이제 Refi와 Firebase와 연동해 보겠다.

 

Firestore에서 프로젝트 설정을 클릭한다.

Firestore 프로젝트 설정

 

설정에서 서비스 계정을 클릭 후 새 비공개 키 생성 버튼을 누른다.

새 비공개 키 생성

 

그럼 json 파일이 다운 받아지는데

아까 다운 받은 Refi를 실행하면 이런 화면이 뜬다.

다운 받은 Json 파일 Refi에 연동

 

여기서 화살표로 표시된 부분을 클릭 후

아까 다운 받은 json 파일을 선택해 준다.

그 후 Connect를 클릭하면 연동이된다.

연동 완료

 

csv, json 파일 import

이제 csv, json 파일을 import 해보겠다.

 

컬렉션 마우스 우 클릭을 한 뒤 Import Data를 클릭한다.

CSV, Json 파일 import

 

그리고 Json/CSV 파일을 선택해 준다.

import 할 파일 클릭

 

그 후 firestore에 가보면 데이터가 import 된 것을 볼 수 있다.

파일 저장 완료

 


 

자세히 설명하려다 보니 글이 좀 길어진 것 같다.

여러분은 나처럼 고생하지 않고 좀 더 쉽게 firebase에 파일을 저장했으면 좋겠다.

다음 글에는 firestore에 저장된 데이터를 flutter에서 사용해 보겠다.

 


참고한 자료

https://youtu.be/xFtmvCXw-MQ

 

반응형
profile

daino_saur

@daino

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!