.env 환경 변수 파일

 

 

✔️ 환경 변수 파일이란?

애플리케이션이 실행될 때 특정 값을 넘길 수 있는 변수를 의미합니다. 

.env 파일에 정의된 변수를 의미하고, 미리 정의된 값을 애플리케이션에서 활용하고 싶을 때 사용합니다.

 

 

✔️ 환경 변수 파일을 왜 사용할까?

👉보안과 유지보수에 용이하기 때문에!

 

port, db 관련 정보, API_KEY 등 오픈소스에 올리면 안되는 값을 dotenv 패키지(환경변수 파일)를 사용해서 소스코드 내에 하드코딩하지 않고 사용할 수 있다는 장점이 있습니다. 

 

 

✔️ 사용 방법

▶ .env 내에서 환경변수 적는 방법

REACT_APP_FIREBASE_API_KEY = ""
REACT_APP_FIREBASE_AUTH_DOMAIN = ""

 

▶ 환경변수 가져와서 사용하는 방법

apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN,

(Import를 하지 않아도 쓸 수 있습니다. )

 

 

✔️ 주의 사항

1. .env 파일은 프로젝트의 최상위 루트에 만들어야 합니다. (root 위치가 아니면 동작하지 않음)

2. env 설정값을 변경했는데 적용되지 않는다면 webpack에서 인지하지 못했을 가능성이 있기 때문에 서버를 껐다가 다시 켜주면 됩니다.

 

 

 

---

 

😃 잘못된 개념 전달이 있다면 댓글 부탁드립니다. 저의 성장에 큰 도움이 됩니다🤓