리액트에서 환경 변수 설정하기

create-react-app 으로 만든 리액트 프로젝트에는 환경 변수를 등록할 수 있는 기능이 내장되어 있다.

루트 폴더에 .env 파일 생성

REACT_APP_환경코드명 = 환경값

REACT_APP_ 를 붙여야 환경 변수를 정의할 수 있다.

환경 변수 가져다 쓰기

변수명을 지을 때는 REACT_APP_환경코드명 으로 썼지만
호출할 때에는 process.env.REACT_APP_환경코드명 처럼 써야 한다.
이는 리액트 프로젝트를 빌드하는 시점에 .env 파일의 실제 값으로 대체된다.

.env 파일 숨기기

깃허브 같은 곳에 파일을 올리게 되면 환경값을 보호받지 못한다.
.gitignore 파일을 이용할 것
단순하게 .env 한 줄 추가하면 된다.