[React] cra 환경에서 .gitignore를 통해 API key 숨기기

📢 프로젝트를 cra로 생성했다면 dotenv를 따로 설치하지 않아도 된다.

📢 설정 후에 live server에서 Axios Error가 뜬다면 live server를 껐다가 다시 켜보기

1. 루트 폴더에 .env 파일 생성

2. .env 파일에 내용 입력

REACT_APP_API_KEY=내 key 

• 무조건 REACT_APP 으로 시작해야 함, 이후 이름은 자유롭게 지정
• 내 key는 따옴표 없이 적음
  
  
  

3. .gitignore 파일에 .env 파일 추가

# API KEY
.env

4. API key가 필요한 파일에서 변수에 저장해서 사용

const API_KEY = process.env.REACT_APP_API_KEY;

• 불러올 때 process.env 사용