[강의/실전 리액트 프로그래밍] 5. 환경변수

NODE_ENV

create-react-app 에서 기본적으로 제공하는 환경변수입니다.

아래와 같이 실행하는 명령어에 따라서 총 3가지의 환경변수를 제공합니다.

실행 명령어	NODE_ENV 값
npm start	development
npm test	test
npm run build	production

 

---

실행 환경에 맞는 환경변수 파일 만들기

프로젝트 폴더 바로 하위의 루트경로에 아래와 같은 파일을 생성해줍니다.

/.env.development

/.env.production

 

.env.development

REACT_APP_API_URL=dev.myapp.com

REACT_APP_TEMP=temp_dev

 

.env.production

REACT_APP_API_URL=prod.myapp.com

REACT_APP_TEMP=temp_prod

 

---

환경변수 사용하기

위에서 정의한 환경변수를 이용하기 위해서는 , process.env.[환경변수명] 의 형태로 불러와서 사용할 수 있습니다.

console.log(process.env.REACT_APP_API_URL);
console.log(process.env.REACT_APP_TEMP);

 

 

 

 

---

출처 : 실전 리액트 프로그리맹 - 인프런 (추천합니다 !!)

실전 리액트 프로그래밍 - 인프런