[React] .env 사용하기

웹 개발을 하다보면 .env파일을 활용하여 환경변수 설정을 해주어야 할 경우가 있다.

 

.env 파일을 정의하면 하드코딩을 피할 수 있고, 보안,유지보수적으로도 도움이 많이 된다.

 

 

.env파일은 프로젝트 최상위 루트에 파일을 만들어 둬야한다.

 

 

 

리액트에서 .env를 사용하기 위해서는 변수명이 

 

REACT_APP_

 

으로 시작해야한다.

 

 

create-react-app에서 환경변수 유출을 막기위해 위와같이 시작하지 않는 변수는 무시하기 때문이다.

 

REACT_APP_변수이름 = 값

와같은 형태로 .env파일에 저장하고 사용하면 된다.

 

사용하는 경우에는,

 

const value = process.env.REACT_APP_변수이름

으로 사용하면 된다.