[REACT] API Key 숨기는 방법

Reyna·2022년 10월 21일
0

React

목록 보기
3/3

API Key는 고유한 것이라 Github에 그대로 올리면 문제가 된다.
따라서 dotenv를 사용하여 Push되지 않도록 설정해주어야 한다.

1. dotenv 설치

npm install dotenv

기본적으로 설치되어 있지 않으면 설치해준다.

2. 프로젝트 최상단에 .env 파일 추가

3. env에 API Key 작성

REACT_APP_API_KEY = 내 api 키 입력(따옴표 제외)

반드시 REACT_APP_으로 시작해야 한다.

4. gitignore에 env 등록

#api keys
.env

5. 필요한 파일에 api 사용하기

const 변수 = Process_env_REACT_APP_API_KEY

0개의 댓글