software engineering/web

React.js 환경변수 사용하기 REACT_APP_

일리홍 2022. 1. 27. 15:13

리액트 상에서 환경변수를 사용해서 프로파일을 구분하려고 할 때,

보통 .env.{환경이름} 파일을 이용해서 프로파일별로 다른 환경변수를 선언한다.

그런데, 환경변수를 추가하려는데 리액트 앱에서 계속 읽지 못하고 undefined가 뜬다.

왜일까? 알고보니 리액트에서 꺼내쓸 수 있는 환경변수는 prefix가 정해져있어서 'REACT_APP_'으로 시작하는 변수명으로 선언해야 한다.