본문 바로가기
블로그 이미지

방문해 주셔서 감사합니다! 항상 행복하세요!

  
   - 문의사항은 메일 또는 댓글로 언제든 연락주세요.
   - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다.
   - 메일주소 : lts06069@naver.com


파이어베이스9

앵귤러 & 파이어베이스 CRUD 하기 기존에 사용했던 샘플코드를 통해서...수정 삭제 및 조건절 검색을 해 보려 하였으나 왠걸? 잘 안되고 에러를 뿜뿜하는 것이다.. 그러고보니 앵귤러 4, 5 , 6으로 넘어가면서 사용하는 문법 스타일이 조금씩 변해서 4에서 되는 코드가 6에서 안되는 경우가 있다. 대표적인 예로 Map 이라던지 filter라던지...이런 기능은 pipe를 통해서 사용해야 되는 것으로 바뀐것 처럼 말이다. 아무튼 간에..angularfire2를 활용해서 crud하는 예제를 앵귤러 6 기준으로 다시 작업하였고, 해당 기능은 서비르로 빼서 관리하는 형식으로 바꾸었다. import { Injectable, Host, Optional } from '@angular/core'; import { AngularFirestore, Angu.. 2019. 4. 28.
Angular with firebase 앵귤러에서 파이어베이스에 접속하려면, firebase2 모듈을 활용해서 접속 하였다. 해당 모듈은 rxjs를 포함한 모듈로 간단한 설정만 한다면 쉽게 사용 할 수 있다. 먼저 패키지 인스톨러로 firebase 모듈을 설치한다. npm install @angular/fire firebase --save 그리고 메인 모듈에 임포트와 공급자를 통해서 설정 정보를 주입한다. import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppComponent } from './app.component'; import { AngularFireModule } from 'angular.. 2019. 4. 28.
Firebase 파일다운로드 크로스 도메인(Cross-origin) 파이어베이스 연동을 하다보면 파일 업로드는 뭐 상관없이 되는데.. 파일 다운로드를 하는 경우에 데이터가 있는 곳을 url로 주기 때문에 일반 웹에서 접근하면 크로스 도메인에 걸리게 된다. 뭐..jsonp나 기타등등 방법을 사용해도 안된다. 아무튼, 이 현상을 해결하려면 검색에서 "Firebase 저장소 크로스도메인" 이런 내용으로 검색하면 해결 방법이 나온다. 대충 몇자 적어보면, 1. Cloud SDK 설치 프로그램을 다운로드 2. Google Cloud SDK shell 실행 3. gcloud components update로 업데이트를 수행 (옵션, 안해도된다.) 4. gsutil 명령어 실행 5. 변경할 프로젝트 선택 6. cors.json 파일 만들기 7. 변경할 버킷 url 가져와서 set 명.. 2019. 4. 27.