Youtube 클론코딩 Project를 시작했고 Youtube의 오픈 API를 사용하게 되었고 key를 발급받았다.
네트워크 통신 코드를 짜는 과정에서
key를 그대로 코드상에 노출해도 될까?
👉 절대절대 안된다!!! ❌
보안에 매우 취약해지기때문에 아래와 같은 방법으로 저장해야한다.
리액트 프로젝트에 API key 저장하기
1) 상위에 .env 파일 생성
2) .gitignore 파일에 '.env'추가 (절대 커밋 ❌)
3) .env 파일에서 REACT_APP_ 으로 시작하는 환경변수를 만들고 key값 넣어주기
4) 통신하는 코드에서 REACT_APP_YOUTUBE_API_KEY 사용하기!
프론트엔드 공부기록 🫶 기록을 통해 성장하기