0%

React에서 dotenv(.env) 파일 사용하기

  1. 프로젝트의 루트 경로에 .env 파일을 만든다.
  2. .env 파일에 설정하고 싶은 변수를 작성한다.
    • 가장 중요한 점 은, React에서 .env 파일의 변수를 사용하려면 변수명 앞에 prefix로 REACT_APP_ 을 붙여야 한다는 점!
1
2
REACT_APP_API_KEY = "blabla"
REACT_APP_SECRET_KEY = "blablabla"
  1. 프로젝트에서 다음과 같이 사용하면 된다.
1
const API_KEY = process.env.REACT_APP_API_KEY;
  1. 잊지 않고 .env 파일을 .gitignore 에 추가해준다.