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

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

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


Angular tutorial Firestore3

앵귤러 튜토리얼(Angular tutorial) - 21, with FireBase : select 심화 이번시간에는 저번시간에 이어서 조회하는 함수에 대해서 좀 더 알아보겠습니다. 조회하는 getItem이라는 함수는 모든 항목을 가져오는 마치 "select * from board" 와 같은 기능 입니다. 조회하는 함수에서 우리가 만약 조건을 주어 조회를 하는 경우는 어떻게 할까요? 조회하는 함수에서 ref라는 객체의 형태는 CollectionReference라는 타입으로 되어 있습니다. 해당 객체를 콘솔에 출력해보면 다양한 정보가 나옵니다. 그중 프로토타입으로 설정된 함수를 살펴보면 우리가 이제 무슨작업을 해야되는지 알 수 있습니다. limit..order등등 관계형 데이터베이스 쿼리에서 사용된 명령어가 익숙하게 나온 것으로 보아하니 해당 ref 객체를 활용하면 될 것 같습니다. 그러면 한번 조건을 붙여보.. 2020. 8. 26.
앵귤러 튜토리얼(Angular tutorial) - 20, with FireBase : select 저번시간에는 파이어베이스의 데이터베이스와 앵귤러가 연동하는 부분까지 해 보았습니다. 파이어베이스는 구글에서 제공하는 클라우드 형태의 서버로, 다양한 기능을 제공합니다. 우리가 사용하는 데이터베이스는 "파이어스토어" 라는 데이터 베이스이며 json형식으로 데이터를 관리하여 줍니다. 파이어베이스를 사용하면 따로 데이터베이스에 연결되는 웹 서버가 필요가 없습니다. 이번시간에는 저번에 작성한 내용을 천천히 살펴 보려고 합니다. 가장 먼저 입력하였던 명령어 입니다. npm install firebase @angular/fire --save 위 명령어는 Node.js에서 제공하는 기능으로, Node.js의 라이브러리 인스톨러를 활용하여 앵귤러에서 사용하는 파이어베이스 라이브러리를 추가하는 명령어 입니다. 단순히 라.. 2020. 8. 18.
앵귤러 튜토리얼(Angular tutorial) - 19, with FireBase : 구성 저번시간까지 우리는 서비스와 가드, 그리고 Observable과 관련된 내용을 살펴보았습니다. 모듈, 컴포넌트, 서비스, 라우터 그리고 가드를 사용하면 왠만한 형태의 앱을 만들수가 있습니다. 파이어베이스와의 연동을 살펴보기 전 내용을 먼저 다시한번 살펴보겠습니다. 모듈의 주 목적은 컴포넌트를 관리하는 것 입니다. 모듈은 또한 각종 정보(서비스, 일반 객체 등)를 제공하기도 합니다. 다른 사용자가 만든 모듈을 등록(import)하여 사용하기 위해서는 내가 만든 모듈에 등록 해 주어야 합니다. 컴포넌트는 화면구성을 담당합니다. 사용자가 바라보는 화면에 대한 모든 기능을 담당합니다. 컴포넌트간의 데이터를 주고받는 방법은, 컴포넌트에서 속성이나 Input 또는 Output같은 데코레이터를 통해서 가능 합니다. .. 2020. 8. 14.