반응형 Back-End/Firebase firestore5 firestore 데이터 내보내기, 엑셀로 내보내기 올해 초 이직을 하며 떠나게 된 회사에서 db를 추출하고 싶다는 연락을 받았습니다. 파이어베이스 firestore 에서 특정 collection, 예를 들어 User 나 payment history 같은 디비를 가져올 때에 가장 흔하게 하는 방식은 구글링을 통해 js, 혹은 파이썬을 사용하여 가져오는 방식이 있죠. 하지만! 이미 떠나온 회사를 위해 오래전 사용한 기술과 구조를 다시 이해하거나 새로 기능을 짜는데 걸릴 시간이 너무 아까울 것 같아 쉬운 방법을 찾아보았습니다. 알아보던 도중 클릭 한번으로 firestore export 기능을 수행하는 프로그램을 발견했습니다. 충분히 이런 저런 삽질해보고 나온 가장 쉽고 빠른, 정확한 결과를 가져내는 방법이니 이대로 따라하시는 것이 가장 편할 것입니다 (202.. 2022. 12. 31. Angular 11 + firebase(firestore) 프로젝트 #04 - 데이터 CRUD - C addItem 구현해보기 이제까지 Read 기능에 대해서 알아보았다. 현재는 Collection 에 접근을 하는 것을 했는데 나중에 데이터가 깊어지면(하부로 쭉쭉 들어가게 되는 구조) 또 알아보자. ex) Collection/document/collection/document ... 이런 구조 나올 때. 일단 aaddItem 함수를 짜보자 서비스로 넣는게 맞다고 생각한다. 그러면 일단 ask.service.ts 파일을 가지고 작업을 한다 private collectionArray = {};// itemCollection 대신 사용할 변수 // 중간 내용 생략 getItem(db_name: string) { if(this.collectionArray[db_name]){ this.collectionArray[db_name] = nu.. 2020. 12. 14. Angular 11 + firebase(firestore) 프로젝트 #03 - 데이터 CRUD -2 기능별 관리하기 + 확인까지 이전편에서 일단 app.component.ts에서 모든 작업을 했었는데, 이러한 모든 기능들이 다 app.component에 몰려있으면 안되겟지 당연히. 모든 기능적인 함수가 main() 문에 다 때려박혀있는 지저분한 코드나 마찬가지이므로 일단은 분리를 해보자. 나는 기능별로 component로 나눠서 관리를 할 거야. 솔직한 마음으로는 이 1,2 편 작성하면서 이거 찾으려고 여기저기 다들 돌아다녔을게 뻔함...(경험) 이후 진행하다가 손쓸 수 없게 터지면 여기로 돌아오자. 초기 세팅한 코드들이라고 생각하면 됨 그럼 일단 component를 생성해야지. 이제 약자에 많이 익숙해짐ㅇㅇ cd src -> cd app 그냥 app폴더 밑에 만들으라는거고 비주얼스튜디오 내에서 내장 터미널 여는거 했었지 ⌃ + .. 2020. 12. 11. Angular 11 + firebase(firestore) 프로젝트 #02 - 데이터 CRUD(Read) -1 이전 자신이 만들어놓았던 Firestore 에 맞게 데이터 이름을 불러와야 한다. 지금 내가 하는거는 저 데이터를 바탕으로 할 것이다. 음 일단 난 저 user 이라는 콜렉선의 값을 가져오고싶어. 근데 그냥 가져오는건 이제 재미 없지. 좀 정렬을 넣어볼까? app.component.ts import { ArrayType } from '@angular/compiler'; import { Component } from '@angular/core'; import { AngularFirestore, AngularFirestoreCollection, CollectionReference } from '@angular/fire/firestore'; import { AngularFireStorage } from '@a.. 2020. 12. 11. Angular 11 + firebase(firestore) 프로젝트 #01 - firestore 연결 앞서 진행했던 내용들이 있는데 이거랑 상관 없으니까 쫄지 말고. 이 게시물만 봐도 Angular 최신 버전이랑 firebase 연동함. 처음 내용은 개념 다시 복습하고 넘어가는거임 일단 짚고 넘어가자 모듈 : 컴포넌트 관리. : 각종 정보(서비스, 일반 객체 등)를 제공. : 다른 사용자가 만든 모듈을 등록(import)하여 사용하기 위해서는 내가 만든 모듈에 등록. -> 기억 나지? imports: [] 안에 쓰면 자동으로 맨 위에 import {} from 추가 되던거 컴포넌트 (ng g c 컴포넌트이름) : 화면구성. : 화면에 대한 모든 기능을 담당. : 컴포넌트간의 데이터 - 컴포넌트에서 속성이나 Input 또는 Output같은 데코레이터 사용. : 컴포넌트간의 데이터 공유는 서비스를 통해 구독.. 2020. 12. 10. 이전 1 다음 반응형
