React에서 .env 환경변수 사용하기

1. root 에 .env 파일 생성 

2. .gitignore 파일에 .env 추가 

 .gitignore 파일에 .env파일을 추가해줘야지 깃허브에 올라가지 않는다.

3. 변수 생성

아래 사진과 같이 key=value 값으로 변수 생성 (REACT_APP_ 반드시 key앞에 붙여줘야한다)

추가 주의사항으로 value 끝에 , 또는 ; 를 붙여 주면 안 된다.

 

4. 변수 사용

사용하려는 key 앞에 process.env.REACT_APP_ 을 붙여주어 사용한다.

 

이 부분에서 실수하여 계속 undefined 값을 받았는데 꼭!!! process.env 뒤에 REACT_APP_ 을 붙여 줘야 합니다.

 

---

참고 자료

https://stackoverflow.com/a/53237511/14071328