일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- Spring
- 운영체제
- MySQL
- Heap
- c언어
- 파이썬
- mongoDB
- Proxy
- 백준
- Kafka
- Algorithm
- react
- JavaScript
- Galera Cluster
- MSA
- design pattern
- 자료구조
- spring webflux
- redis
- JPA
- OS
- Java
- 알고리즘
- 네트워크
- 컴퓨터구조
- 자바
- 디자인 패턴
- IT
- C
- Data Structure
Archives
- Today
- Total
시냅스
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)
를 추가해주면 정상적으로 실행된다.
만약 작동되지 않는다면 서버를 껐다 키시길 추천드린다.
'ReactJS' 카테고리의 다른 글
React-Query 사용법 (0) | 2021.12.03 |
---|---|
React Hook Form 사용법 (0) | 2021.12.02 |
React connected-react-router, react-router-dom, history 버전 충돌 (0) | 2021.11.23 |
TIL : React { Hooks } (0) | 2021.11.20 |
TIL : React { Code splitting } (0) | 2021.11.18 |
Comments