React.js 영화 검색 토이프로젝트를 진행하며
api key를 숨겨야 했는데, 해당 내용을 간단히 정리해보기로 했다.
✨CRA(create-react-app)에서 적용할 수 있는 방법이다.
- dotenv 설치하기
npm install dotenv 또는 yarn add dotenv- 프로젝트 최상단에 . env 파일 추가하기
- REACT_APP ~ = 인증키 적기('', "" 불필요)
- .gitignore에 .env 추가하기
- 터미널 종료 후 재실행하기
1. dotenv 설치
2. 프로젝트 최상단에 . env 파일 추가하기
📌 src폴더가 아닌, 프로젝트 최상단 경로에 추가하기!
3. REACT_APP ~ = 인증키 적기('', "" 불필요)
인증키만 그대로 적어주면 된다!
4. .gitignore에 .env 추가하기
5. 터미널 종료 후 재실행하기
ctrl + c로 프로세스 종료 후, yarn start 재실행해서 확인해보기
