본문 바로가기

React

React 프로젝트 진행시 API_key 숨기기

반응형

1. src 폴더 외부에 .env 파일을 만든다.

 

2. .env 파일 내부에 API key를 넣는다.

 

반드시 'REACT_APP'를 붙여서 변수명을 설정해야 함.

 

REACT_APP_API_KEY=[key]

 

 

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

 


 

 

+ 사용 예시

 

const url = `https://...${process.env.REACT_APP_API_KEY}`