250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- vscode
- ubuntu
- TypeScript
- 둔산동맛집
- Git
- 스프링부트
- Java
- AWS
- 개발자
- 티스토리챌린지
- EC2
- CodingTest
- 코딩테스트
- 자바
- 개발공부
- programmers
- 알고리즘
- 코딩
- Tistory
- 우분투
- 오블완
- React
- Linux
- 프로그래머스
- 리눅스
- 티스토리
- SpringBoot
- error
- 개발
- 코테
Archives
- Today
- Total
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- vscode
- ubuntu
- TypeScript
- 둔산동맛집
- Git
- 스프링부트
- Java
- AWS
- 개발자
- 티스토리챌린지
- EC2
- CodingTest
- 코딩테스트
- 자바
- 개발공부
- programmers
- 알고리즘
- 코딩
- Tistory
- 우분투
- 오블완
- React
- Linux
- 프로그래머스
- 리눅스
- 티스토리
- SpringBoot
- error
- 개발
- 코테
Archives
- Today
- Total
개발자가 된 감자
[React] env 파일 생성하기 본문
728x90
env란?
환경 변수 파일을 의미하고, 중요한 key 값이나 DB 비밀번호 등 보안이 필요한 특정 값을 변수에 담아
어플리케이션에서 활용할 수 있도록 해주는 설정 파일이다.
1. 루트 디렉토리에 .env 파일 생성 후 .gitignore 파일에 .env 추가 하기
2. 환경 변수 생성하기
REACT_APP_{변수명} 형식 및 대문자로 작성 하는 규칙이 있으므로 참고하자.
320x100
3. 환경 변수 사용하기
사용하려는 컴포넌트에서 process.env.REACT_APP_{변수명} 으로 접근이 가능하다.
환경 변수가 정상적으로 적용 됨을 확인할 수 있다.
728x90
'Javascript > React' 카테고리의 다른 글
[TypeScript] OpenAPI Generator 적용하기 (0) | 2025.02.06 |
---|---|
[React] antd Table 스크롤 자동 설정하기 (5) | 2024.11.15 |
Comments