.env / .env.production / .env.development 차이

.env 환경 변수가 다를시 유용하게 쓸 수 있음

 

 

빌드 시

echo 명령어로 env 파일을 만들어서 git secret 키 설정후 이를 이용해 배포하는데

 

 

.env.production 빌드시 쓰는 env 파일

-> 배포된 api

 

.env.development 개발할 때 쓰는 env 파일

-> localhost:8000 

 

 

 

.env는 값이 변하지 않는 값들을 넣어두면 좋음

예를 들어 S3 계정 경우엔 변하지 않으니 넣으면 좋음

 

보통 두개 만들어 놓고 씀

.env.production / .env.development 

 

 

CRA으로 사용할 수 있는 env 파일

• .env
• .env.local: 로컬 override. 이 파일은 test를 제외한 모든 환경에 대해 로드됨
• .env.development, .env.test, .env.production: 환경별 설정.
• .env.development.local, .env.test.local, .env.production.local: 환경별 설정의 로컬 override.

 

override : 상속 받은 메서드의 내용만 변경 하는 것

overload : 기존에 없던 새로운 메서드를 정의하는 것

 

 

 

script 명령어 별 env 파일

• npm start: .env.development.local, .env.local, .env.development, .env
• npm run build: .env.production.local, .env.local, .env.production, .env
• npm test: .env.test.local, .env.test, .env

 

 

 

npm

디스크에  create-react-app을 설치하여 사용할 때마다 재 다운로드 하지 않아도 됨

npx

실행 되고 난 뒤 디스크에서 지워짐. 사용할 때마다 재 설치 해야 하지만 최신 버전을 유지할 수 있음