리액트에서 .env 사용하기
DB관련 정보, API_KEY등 개발자 혼자서 또는 팀만 알아야 하는 값 즉, git, 오픈소스에 올리면 안되는 값들이 있다.
환경 변수 파일을 외부에 만들어 소스코드 내에 하드코딩 하지 않고 사용하는 방법으로 .env 파일을 생성하는 것이다. ( 터미널로 직접 환경변수를 설정해줘도 된다. )
리액트에서는 특이하게도 REACT_APP 으로 시작되어야 인식을 한다.
# .env
REACT_APP_FIREBASE_API_KEY = key
REACT_APP_FIREBASE_AUTH_DOMAIN = auth_domain해당 환경변수를 사용하는 방법은 아래와 같다.
console.log(process.env.REACT_APP_FIREBASE_API_KEY)
댓글