angular/angularfire

어떤 프로젝트인가요?

핵심 기능

• 01Angular 의존성 주입을 통해 Firebase 서비스를 주입합니다.
• 02Firebase 실시간 데이터를 RxJS observable로 노출합니다.
• 03Firebase Authentication을 기반으로 라우터 가드를 제공합니다.
• 04Angular Router 탐색과 Google Analytics를 연동합니다.
• 05로드 시간을 줄이기 위해 Firebase 모듈을 동적으로 import합니다.
• 06NgRx 친화적인 액션 기반 API를 제공합니다.

활용 사례

• Cloud Firestore로 데이터를 실시간 저장하고 동기화하는 Angular 앱 구축.
• Firebase Authentication 로그인 확인으로 Angular 라우트 보호.
• 서버 렌더링 Angular 앱을 Firebase App Hosting에 배포.

빠른 시작

1. 1

   Angular CLI schematic을 사용해 Angular 프로젝트에 AngularFire를 추가하세요

   ng add @angular/fire@next
2. 2

   퀵스타트 가이드에 따라 Firebase를 구성하고 앱 설정에서 서비스를 제공하세요

사용 전 알아둘 점

• !문서와 설정은 새로운 tree-shakable modular API를 기준으로 합니다. 이전 compat API는 별도로 문서화되어 있습니다.
• !설정에는 Firebase JS SDK가 사용되며 Firebase 프로젝트 구성이 필요합니다.

토픽

자주 묻는 질문

angularfire은(는) 무엇인가요?

Firebase JS SDK에 Angular 바인딩을 제공하며, 의존성 주입, RxJS observable, Firebase 서비스용 Angular 친화적 API를 지원합니다. AngularFire는 프레임워크에 종속되지 않는 Firebase JS SDK를 감싸, Angular 개발자가 다른 Angular 코드와 같은 방식으로 Firebase 서비스를 사용할 수 있게 합니다. Firebase 서비스는 Angular의 의존성 주입을 통해 제공되고 주입되며, 실시간 데이터는 콜백 대신 RxJS observable로 노출됩니다.

angularfire은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

angularfire은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

angularfire은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. angularfire의 마지막 커밋은 2026년 10월 10일입니다.

angularfire은(는) 어디에 사용할 수 있나요?

Cloud Firestore로 데이터를 실시간 저장하고 동기화하는 Angular 앱 구축. Firebase Authentication 로그인 확인으로 Angular 라우트 보호. 서버 렌더링 Angular 앱을 Firebase App Hosting에 배포.

angularfire는 어떻게 설치하나요?

Angular CLI schematic을 사용해 Angular 프로젝트에 AngularFire를 추가하세요: ng add @angular/fire@next 퀵스타트 가이드에 따라 Firebase를 구성하고 앱 설정에서 서비스를 제공하세요

angularfire은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/angular/angularfire