React에서 dotenv를 사용하는 방법

프로젝트의 루트디렉토리(package.json 과 같은 뎁스!) 에서 .env 폴더를 작성하고

 

REACT_APP_TEST=localhost

 

와 같이 작성한다.

주의해야 할 점은 REACT_APP 이 꼭 붙어있어야 하고, 띄어쓰기나 따옴표가 있으면 안된다.

 

이후 사용하고 싶은 컴포넌트 내부에서

 

import dotenv from 'dotenv'

 dotenv.config()
 console.log('DB_HOST', process.env.REACT_APP_TEST)

 

를 추가해주면 정상적으로 실행된다.

만약 작동되지 않는다면 서버를 껐다 키시길 추천드린다.