React 환경변수

코딩/React

춘 몽 2024. 3. 25. 17:33

전에 환경변수 글을 썼었는데 이게 백엔드에서 쓰는 방법이고, React는 쓰는 방법이 다르다고 한다.

백엔드 환경변수

코딩을 하다보면 개인 정보의 입력이 필요하다. 예를 들어 연락처나, API_KEY 같은 것 말이다. 하지만 이를 git에 올리게 되면 도용 같은 여러가지 문제가 생기게 되므로, 이를 방지하고자 환경변수

springdream0406.tistory.com

react의 경우 다른 라이브러리를 설치할 필요없이,

.env 파일에 변수명을 REACT_APP_변수명 으로 지어줘야한다.

ex) REACT_APP_API = exampleReact

그리고 사용하는 곳에서는 일반적으로 env가져오듯이 쓰면 된다.

ex) const reactAPI = process.env.REACT_APP_API