[REACT] Dotenv module - .env 파일로 환경변수 생성

1. what is Dotenv?

 .env 파일에서 process.env(파일명)으로 환경 변수를 로드하는 zero dependency environment variables 모듈이다.

 + zero dependency  : 모듈이 작동하기 위해 다른 패키지에 의존하지 않음을 의미

 

 

2. 사용방법

 1) 아래에서 확인 가능하다.

www.npmjs.com/package/dotenv

dotenv

 2) 리액트에서는 최상의 루트에 .env(txt) 파일을 만들어야한다.

 3) 환경변수 이름은 자유롭게 작성하되 REACT_APP_ 은 필수로 포함시켜야 한다.

 

 

2. 장점

 1) 각종 API 나 IP, 중요한 계정 정보등 전역으로 필요한 여러 정보들을 process.env 파일에 적어두고 한번에 관리/사용 가능

 2) .gitignore 파일에 process.env 파일을 등록하면 파일이 올라가지 않기 때문에 중요한 정보를 형상에 공유하지 않아도 된다는 점이다. 주의해야 할것은 이것이 앱/웹 자체의 보안을 보장하는것은 아니다.  프로젝트를 빌드하면 환경변수 내용이 앱에 반영이 되기 때문이다. 오직 깃에서만.

    - 방법은 .gitIgnore 파일에 process.env 파일을 등록한다. (*gitIgnore 파일은 깃 실행시 자동으로 생성된다. )