위와 같은 코드를 쳤는데, f12를 보니
undefined라고 정의됌
react는 환경 변수 설정 시에 변수명에 REACT_APP_이라는 접두어가 꼭 필요함!!
작성할 때는 홑, 쌍따옴표 필요없다. 알아서 string으로 인식
줄 끝에 , ;가 필요하지 않다
루트 경로에 있는지 확인한다.
.gitignore에 포함시키기
주석은 #
키=값 =의 양옆 띄어쓰기 금지
파일 변경하면 개발 서버 다시 시작해야한다.
https://velog.io/@rmaomina/react-env
React에서 .env 환경변수 사용하기
외부 api에 접근하기 위해 token 등이 필요한 경우, 배포하지 않고 개발환경에만 적용할 수 있도록 환경 변수를 설정해야 한다. .env 파일을 가지고 process.env로 가져오는데, null값이라 나서 헤맸다.
velog.io
https://velog.io/@quack777/.env
.env
env란? React, Next.js에서 .env 파일 사용법
velog.io
'💻개발 > React,Vue' 카테고리의 다른 글
| [React]FullCalendar _ 토,일 날짜 추가 (0) | 2023.11.24 |
|---|---|
| [React]FullCalendar 한국어 모드에서 '일' 지우기 (0) | 2023.11.24 |
| [React]cookie (0) | 2023.08.02 |
| 🔔Vue.js (0) | 2023.05.09 |
위와 같은 코드를 쳤는데, f12를 보니
undefined라고 정의됌
react는 환경 변수 설정 시에 변수명에 REACT_APP_이라는 접두어가 꼭 필요함!!
작성할 때는 홑, 쌍따옴표 필요없다. 알아서 string으로 인식
줄 끝에 , ;가 필요하지 않다
루트 경로에 있는지 확인한다.
.gitignore에 포함시키기
주석은 #
키=값 =의 양옆 띄어쓰기 금지
파일 변경하면 개발 서버 다시 시작해야한다.
https://velog.io/@rmaomina/react-env
React에서 .env 환경변수 사용하기
외부 api에 접근하기 위해 token 등이 필요한 경우, 배포하지 않고 개발환경에만 적용할 수 있도록 환경 변수를 설정해야 한다. .env 파일을 가지고 process.env로 가져오는데, null값이라 나서 헤맸다.
velog.io
https://velog.io/@quack777/.env
.env
env란? React, Next.js에서 .env 파일 사용법
velog.io
'💻개발 > React,Vue' 카테고리의 다른 글
| [React]FullCalendar _ 토,일 날짜 추가 (0) | 2023.11.24 |
|---|---|
| [React]FullCalendar 한국어 모드에서 '일' 지우기 (0) | 2023.11.24 |
| [React]cookie (0) | 2023.08.02 |
| 🔔Vue.js (0) | 2023.05.09 |
