[React] 깃허브에 올리면 안되는 apikey 설정하는법 (.env 파일)

이슈

api key는 소스작업시에 올라가면 안되는 아이므로 꽁꽁 숨겨두어야하는데 어떻게 숨겨두는지 강의를 통해 알았다.

 

해결

1. 루트폴더에 .env파일을 만든다.

2. .env 파일안에 대문자로 이루어진 이름을 지정해주고 값을 담아준다. (지정할이름=실제api키)

REACT_APP_YOTUBE_API_KEY=123456789

 

3.index.js 등에서 process.env.지정한이름 으로 가져와서 쓴다.

const youtube = new Youtube(process.env.REACT_APP_YOTUBE_API_KEY);

 

4. gitignore에 .env 파일을 추가한다.