프로젝트 목적

사용한 사이트들

• 목차

최상위루트에 .env폴더 만들고 API 키 추가하기

왜? 이 API는 나중에 추가로 돈을 낼 수도 있는데 그냥 노출되면 아무나 갖다 쓸 수도 있으니까.

결론적으로 이 .env에 들어가는 코드들은 우리의 react파일 어디에도 보이지 않게 된다.

이때 커스텀 환경변수는 무조건 REACT_APP_ 으로 이름을 지으라고 한다.

App.jsx파일을 더럽히지 않기 위해 Pages.jsx파일 생성

라우터가 들어가면 파일이 커질거라서, Pages에 한번에 넣어주고 APP.js에서 import할 예정

환경변수 사용하여 API 키 숨기기

React | 환경변수 사용하여 API key 숨기기(.env 이용)