env 파일

1 .env개요

env란?

웹, 앱 개발에서 포트, DB관련 정보, API_KEY등 git 이나 오픈소스에 올려서는 안되는 값들이다. 이때 필요한 것들은 dotenv 패키지 이며 환경변수 파일을 외부에 만들어 URL, 포트, API_KEY등을 저장시켜 소스코드 내에 하드코딩하지않고도 사용하게 하는 파일이다.

env규칙 : 파일위치 & 파일명

파일 위치는 항상 폴더 root에 위치에 만들고 환경변수를 지정해준다. root폴더가 아니면 제대로 동작 하지않을수있다.
파일명은 항상 .env.{mode명}으로 저장한다.

key = value 형식으로 저장해야한다.
변수명은 반드시 ‘REACT＿APP­＿‘으로 시작되어야한다. (리액트기준)
create-react-app에서는 보안이 필요한 환경변수의 유출을 미연에 방지하기 위해 REACTAPP으로 시작되지 않는 환경변수는 무시한다.

2 .env사용

process.env.REACT＿APP＿는 예약어이므로, 다른 이름은 사용하면 React가 인식하지 않는다.
process.env는 실행시 로드되기 때문에 .env의 설정을 바꾸게 되면 React 프로젝트를 다시 구동해야된다.
.js

const params = {
	key : process.env.REACT_APP_지정한변수
}

.env

REACT_APP_지정할변수 = 값