[에러노트] react env 변수가 undefined로 나올 때

카카오에서 받은 앱키를 env 파일로 관리하려고 했는데, 

계속 undefined가 나오는 에러가 있었다. 

 

조금 검색을 해보니, 

react에서 env 파일의 변수를 가져와 사용하려면 

변수명 앞에 

REACT_APP_ 

을 붙여줘야 한다는 사실을 알게 되었다. 

 

KAKAO_KEY = 123123123 // 이런식으로하면 node.js만 인식가능하다
REACT_APP_KAKAO_KEY = 12341234
REACT_APP_API_KEY = http://api.com

 

가져와서 사용할 때는 

const KAKAO_KEY = process.env.REACT_APP_KAKAO_KEY

이렇게 사용하면 된다. 

 

아, 그리고 env 파일을 수정했다면 

서버를 껐다가 다시 켜야한다는 사실을 잊지 말자.