210328 개발일지(111일차) - React GOOGLE API KEY 숨기기 : 환경변수(.env) 활용

고재개발·2021년 4월 1일
1

React Study

목록 보기
9/10

순서

  1. React 해당하는 폴더 최상단에 .env 파일을 만든다.
  2. (git 사용중이면) .gitignore파일에 ".env"를 추가해준다.
  3. .env파일 안에 반드시 "REACT_APP_원하는 이름"으로 이름을 지어주고 KEY를 작성한다.
  4. html 파일에서는 '%REACT_APP_이름%'으로 사용하면 되고, .js나 .jsx에서는 process.env.REACT_APP_이름으로 사용하면 된다.

1. React 해당하는 폴더 최상단에 .env 파일을 만든다.

2. (git 사용중이면) .gitignore 파일에 ".env"를 추가해준다.

3. .env파일 안에 반드시 "REACT_APP_```원하는이름"으로 이름을 지어주고 KEY를 작성한다.

이 때, 내 맘대로 REACT_APP_으로 시작하지 않는 이름으로 만들었다가.. 헤매었다. 흑

4. html 파일에서는 '%REACTAPP이름%'으로 사용하면 되고, .js나 .jsx에서는 "process.env.REACTAPP이름"으로 사용하면 된다.

profile
고재개발

0개의 댓글