dotenv 사용 방법

dotenv

• 환경변수를 .env파일에 저장하고
  process.env.{설정한 변수 이름}로 로드하는 모듈이다.
• 민감한 변수를 감출 수 있다.

React에서 사용법

1. node_modules가 존재한다면 설치하지 않아도 된다.
   node_modules를 들여다보면 이미 dotenv가 존재하기 때문.

2. root 경로에 .env 파일을 생성한다.
   package.json 파일이 있는 곳이 root 경로이다.

3. 생성한 .env 파일에 변수를 선언하는데
   아래와 같은 룰에 맞춰서 작성하자.

공통적인 룰

• 각 줄 끝에 세미콜론(;)이나 콤마(,)를 쓰지 않는다.
• 홑따옴표('')나 쌍따옴표("")로 감싸지 않는다.

React에서 사용하는 룰

• 공통적인 룰 + 변수명에 REACT_APP 을 꼭 붙이자.

4. gitignore 파일에 .env를 꼭 추가하자.

5. 사용하고자 하는 곳에서
   process.env.작명한 변수이름 으로 사용한다

예시

console.log(process.env.REACT_APP_API_KEY);

느낀 점

• 처음에 자꾸 'fs' 관련 에러가 떠서 찾아보니
  원인은 dotenv가 이미 node_modules에 있는데
  또 import 해서 쓰려고 해서 그런 것이었다.
  React에서 .env를 사용하는 방법을 알게 되어 기쁘다.