[React].env 파일

💻개발/React,Vue

i_zzy 2023. 8. 1. 21:19

위와 같은 코드를 쳤는데, f12를 보니

undefined라고 정의됌

react는 환경 변수 설정 시에 변수명에 REACT_APP_이라는 접두어가 꼭 필요함!!

작성할 때는 홑, 쌍따옴표 필요없다. 알아서 string으로 인식

줄 끝에 , ;가 필요하지 않다

루트 경로에 있는지 확인한다.

.gitignore에 포함시키기

주석은 #

키=값 =의 양옆 띄어쓰기 금지

파일 변경하면 개발 서버 다시 시작해야한다.

React에서 .env 환경변수 사용하기

외부 api에 접근하기 위해 token 등이 필요한 경우, 배포하지 않고 개발환경에만 적용할 수 있도록 환경 변수를 설정해야 한다. .env 파일을 가지고 process.env로 가져오는데, null값이라 나서 헤맸다.

velog.io

.env

env란? React, Next.js에서 .env 파일 사용법

velog.io