본문 바로가기

FireBase

create-react-app 으로 firebase setup

create-react-app으로 설치한 후 리액트에서 환경변수를 사용할 때

REACT_APP 을 앞에 붙여서 사용하는 규칙이 있다.

왜 사용할까?

REACT_APP으로 시작하는 환경변수를 찾도록 자동으로 설정이 되어 있다.

예) REACT_APP_API_KEY = s4adsad5Sa6da

 

환경변수를 사용할 때

process.env.REACT_APP_API_KEY 이런식으로 사용 가능하다.

 

.gitignore에 .env를 포함하는 이유는 뭘까?

create-react-app으로부터 빌드를 하고 react.js 코드를 받고 이것을 예전

JavaScript로 변환을 하고 이 과정을 거칠때 firebaseConfig 값이 노출이된다.

그래서 .env를 .gitignore에 추가한 이유가 보안에 대한게 아니다.

오로지 key들을 Github에 업로드 안하려는 이유다.

 

참고

👏🏻 .env 파일은 프로젝트의 최상위에 있어야한다.

👏🏻 DataBase_URL 없으면 Realtime Database에서 생성하면 된다.