.env 파일 정리

박희수·2023년 11월 9일
0
post-thumbnail

📁 .env란?

.env는 환경변수이다. 리액트에서 기본적으로 등록해 놓은 환경 변수
배포용, 개발용 환경을 구분하기 위해 나온 변수이다.
npm run build에서는 production으로 나오고, npm run start에서는 development가 나온다.
즉 production은 배포용 환경이고, development는 개발용 환경이다.

.env 파일 관리

1. env
가장 우선순위가 낮은 환경 변수 파일이다. 

2. .env.deveploment
개발환경에서만 작동되는 환경변수 설정 파일 

3. .env.production
배포환경에서만 작동되는 환경변수 설정 파일 

4. .env.test
테스트 환경에서만 작동되는 환경변수 설정 파일 

5. .env.sample
배포시 환경변수의 key 값이 어떤 것을 의미하는 지 정리한 문서 ex) 	REACT_APP_BACKEND_URL : 계좌관련 API 백엔드 UR
각각 파일에는 local 파일이 존재하며, local 파일은 기존에 있던 파일보다 우선순위가 높다.

✅ 우선순위
.env.test.local > .env.production.local > .env.development.local > .env.test > .env.production > .env.development > .env

🚩 .env 사용시 주의사항

.env는 git과 같은 원격 저장소나 버전관리 저장소에 올라가도 되는가?
➡️ 절대 안된다, 정보노출, 저장소 해킹 위험이 있기 때문이다.
➡️ gitigmore에 env를 추가하면 올라가지 않는다.

profile
프론트엔드 개발자입니다 :)

0개의 댓글