[Git] github api key 숨기는 방법 (React)

api 키는 남들에게 공개되어서는 안되기 때문에 github에 올릴 시에는 보이지 않도록 처리해주는 작업이 필요합니다.

 

1. Index.html 에서 api 키를 입력하는 경우

1) src와 같은 선상의 경로에 .env 파일을 생성

2) .env 파일에 api key 입력

REACT_APP_ 으로 시작하기만 하면 된다. 따옴표 없이 키를 그대로 적기!

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

.gitignore 파일에 git을 올릴 때 .env 파일을 무시하라고 알려주기 위해 추가해줍니다.

4) index.html 에 %REACT_APP_API_KEY% 형태로 api key 정보추가