개발자가 된 감자

[React] env 파일 생성하기 본문

Javascript/React

[React] env 파일 생성하기

감자씨 2024. 11. 21. 17:18
728x90

env

env란?
환경 변수 파일을 의미하고, 중요한 key 값이나 DB 비밀번호 등 보안이 필요한 특정 값을 변수에 담아
어플리케이션에서 활용할 수 있도록 해주는 설정 파일이다.



1. 루트 디렉토리에 .env 파일 생성 후 .gitignore 파일에 .env 추가 하기

gitignore



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