[React] 환경변수(.env) 사용하기

환경변수 사용법은 아래의 법칙을 잘 지켜주면 간단하게 사용 가능합니다.

 

1. 프로젝트 root에 .env 파일 생성할 것

2. 접두어로 REACT_APP_을 반드시 붙여줄 것

package.json이 있는 폴더에 .env 파일을 생성하고, 아래와 같이 내용을 입력합니다.

그리고 js 파일에서 process.env. 환경변수 키를 입력해주면 결과를 확인 가능합니다.

App.js에 환경변수를 선언

관리도구를 이용하여 확인 가능