리액트 - 클론코딩

트위터 클론코딩 - 파이어베이스의 비밀키 숨기기

starryoon 2023. 5. 10. 15:38

파이어베이스 비밀키 숨기는 방법

1) .env 파일을 만들고 .env 파일에 비밀키 변수를 등록한다

2) 비밀키가 필요한 다른 파일에서 비밀키 변수를 불러 참조하게 만든다

 

액션1

CRA로 만든 리액트 프로젝트에는 환경변수를 등록 할 수 있는 기능이 내장

.env 파일(. 포함) 생성한뒤 , 앞에 REACT_APP_ 으로 시작하는 변수명을 지정해준다.

 

액션2

깃허브에 코드를 올릴 때 .env 파일을 제외시키기 위해 gitignore 파일에 .env를 추가해준다.

 

 

액션3

firbase.js 파일을 열어 키 값을 process.env.REACT_APP_~~ 으로 수정한다