React 에서 .env 파일이란?

React 작업을 할 때 api 통신을 많이 하게 되는데, 네트워크 통신 관련 key는 보안상의 이유로 깃허브에 올라가면 안된다.

그럴 때, 키 값을 변수로 만들어 개발할 때 .env 파일을 사용한다. ( 혹은  .env.local )

.gitignore 파일에 .env 를 추가한 후, 깃허브에 올리면 된다.

키 값 설정하기 

.env 파일에서 키를 변수로 설정할 땐 REACT_APP_변수이름 으로 지정하면 된다.

REACT_APP_MY_API_KEY = abcd1234

키 값 사용하기

설정한 키는 process.env.REACT_APP_변수이름 으로 접근하여 사용할 수 있다.

const apiConfig = {
	key: process.env.REACT_APP_MY_API_KEY,
}