파이어베이스 비밀키 숨기는 방법
1) .env 파일을 만들고 .env 파일에 비밀키 변수를 등록한다
2) 비밀키가 필요한 다른 파일에서 비밀키 변수를 불러 참조하게 만든다
액션1
CRA로 만든 리액트 프로젝트에는 환경변수를 등록 할 수 있는 기능이 내장
.env 파일(. 포함) 생성한뒤 , 앞에 REACT_APP_ 으로 시작하는 변수명을 지정해준다.
액션2
깃허브에 코드를 올릴 때 .env 파일을 제외시키기 위해 gitignore 파일에 .env를 추가해준다.
액션3
firbase.js 파일을 열어 키 값을 process.env.REACT_APP_~~ 으로 수정한다
'리액트 - 클론코딩' 카테고리의 다른 글
트위터 클론코딩 - 이메일, 비밀번호 인증 기능 사용해보기 (0) | 2023.05.11 |
---|---|
트위터 클론코딩 - 파이어베이스 로그인 설정하기 (0) | 2023.05.11 |
트위터 클론코딩 - 파이어베이스 로그인 준비하기 (1) | 2023.05.10 |
트위터 클론코딩 - 라우터 적용하기(isLoggedIn을 사용한 삼항연산자) (0) | 2023.05.10 |
트위터 클론코딩 - 라우터 준비하기 (0) | 2023.05.10 |