방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com Firebase13 앵귤러 튜토리얼 (Angular tutorial) -17 with 파이어 베이스 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com * 파이어베이스 등록방법 이번시간에는 파이어베이스를 활용하는 방법에 대해 알아보겠다. 파이어베이스는 구글에서 제공하는 비관계형 데이터베이스로 Key : Value 형식으로 데이터를 저장해 주는 클라우드 형태의 서버이다. 즉, 어느 곳에서나 접속 할 수 있는 데이터베이스 개념이라 볼 수 있다.. 2019. 7. 4. Firebase 저장소 구글 파이어 베이스를 사용하면 데이터베이스(No-sql 형식)를 제공하는데 사용하기가 참 편리하고 쉽다. 자바, 자바스크립트 기타등등 여러 언어에서 Rest형식으로 가져다 쉽게 쓸수 있어서 편리하다..간단하게 정보를 저장하는 데 사용하면 좋을 것 같다. 물론 1달에 10기가 밖에(?) 사용 할 수 없는게 흠이긴 하지만, 실제 10기가를 한달동안 쓸 일이 얼마나 될까? 텍스트를 저장하는 용도라면 거의 무제한이라고 생각한다.' 자바스크립트로 한다면 자신의 키값과 도메인 주소가 노출되는 단점이 있지만..그래도 몽고db처럼 간단하게 데이터를 주고받을 수 있어서 참 편리한건 어쩔수 없다. var config = { apiKey: "파이어 베이스에서 발급 받은 키", authDomain: "파이어 베이스에서 발급 .. 2019. 4. 30. Angular Firebase index 관련 오류 그리고 페이징 앵귤러와 파이어베이스를 연동하면서 인덱스 관련 오류를 만났다. FireStore에서 list를 가져 올 때 조건을 달아주면서 명령을 실행하였더니 Query에 Parameter가 많고 Index가필요하다며 문제를 일으켰다. private DataBase : AngularFirestore; private itemsCollection: AngularFirestoreCollection; private items: Observable; private items2 : BehaviorSubject = new BehaviorSubject([]); public list(db_name, param,operator,value){ this.itemsCollection = this.DataBase.collection(db_na.. 2019. 4. 29. 앵귤러에서 파이어베이스 파일 업로드 앞선 angularfire2 라이브러리가 설치되어 있어야 한다. 메인 컴포넌트에서 AngularFireStorageModule을 임포트한다. import {AngularFireStorageModule} from 'angularfire2/storage'; //파일관련 임포트 ...(생략) @NgModule({ declarations: [ AppComponent ], imports: [ ...(생략) AngularFireStorageModule //파일업로드관련 객체 임포트 ], providers: [AngularFirestore], bootstrap: [AppComponent] }) export class AppModule { } 이후에 생성자를 통해서 AngularFireStorage를 받아서 사용한다... 2019. 4. 28. 앵귤러 & 파이어베이스 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. 이전 1 2 3 다음
