[ React + Firebase ] It looks like you're using ... warning 해결하기

 

안녕하세요? 수구리입니다.

이번 포스팅에서는 React와 Firebase 사용 시 발생하는 오류에 대해서 알아보겠습니다.

우선 앱 실행 후 F12로 console 창을 열어서 확인을 해보면 아래와 같은 이미지가 보입니다.

 

발생 원인

이는 Firebase 모듈을 사용하는데 import 과정에서 해당 모듈을 통째로 불러와서 생기는 오류입니다.

저같은 경우는 firebase를 설정해주는 부분에서 firebaseConfig를 정의해서 firebase를 initializeApp(초기화)를 해주었습니다.

이 과정에서 import 시 아래와 같은 모습으로 진행하였습니다.

import firebase from "firebase";

위와 같이 firebase 모듈을 통째로 불러다가 쓰는 경우 발생하는 warning 입니다.

 

해결 방법

해결 방법으로는 아래와 같이 모듈을 통째로 불러서 쓰는 것이 아닌,

사용할 모듈만 불러와서 import 시켜주어야 합니다.

import firebase from "firebase/app";
import "firebase/auth";
import "firebase/database";
import "firebase/storage";

 

이상으로 It looks like you're using ... warning에 대한 내용이었습니다.