REACT | API KEY 숨기기

API KEY 혹은 각종 인증에 필요한 토큰은 노출되면 안된다.
이런 값들을 환경변수를 이용해 숨기는 방법이다.

참고 : 아래 방법은 CRA(create react app)에서 환경변수를 사용하는 방법이다.

1. 프로젝트 루트폴더에 .env 파일 생성 (src폴더 외부)
2. REACT_APP_ 으로 시작하는 환경변수 설정

REACT_APP_API_KEY=123123

3. js파일에서 사용

const apiKey = process.env.REACT_APP_API_KEY;

4. 환경변수 적용을 위해 서버재시작

yarn start

5. .gitignore에 .env 파일을 추가해 공개되지 않도록 설정한다.