dotenv

env란?

웹, 앱을 개발하다보면 포트, DB 관련 정보, API_KEY 등등.. 개발자 혼자서 또는 팀만 알아야 하는 값이 있다. 즉 git이나 오픈소스에 올리면 안되는 값이다.
이때 필요한 것이 dotenv 패키지이며, 환경변수 파일을 외부에 만들어 URL, 포트, API_KEY 등을 저장시켜 소스코드 내에 하드코딩하지 않고 사용 가능하다.

.env 파일

.env 파일은 프로젝트 최상위 루트에 생성.
외부 파일(.env)에 환경변수를 정의하여 변수로 받아 오는 이유는 보안과 유지 보수에 용이하기 때문이다.

React에서 .env 사용하기

process.env.REACT_APP_은 예약어이므로, 다른 이름을 사용하면 React가 인식하지 못함.

Javascript 파일

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

.env

REACT_APP_지정한 변수=값

정리

env 파일은 환경 변수 파일을 의미한다.
이 파일은, 애플리케이션이 실행될 때 넘기고 싶은 특정 값을 담고 있는 변수가 기록되어 있다.
미리 정의된 값을 애플리케이션에서 활용하고 싶을 때 이 .env 파일을 활용한다.

출처(참고문헌)

env 파일에 대하여
[REACT] .env 를 이용한 변수선언 및 사용법