[React] .env 파일을 통한 환경변수 사용으로 개발과 배포 분리

STEVELOPER·2023년 2월 1일
0

React

목록 보기
1/1

npm start 를 통해 앱을 실행할 경우 NODE_ENV 의 값은 자동으로 development 가 되고,
npm build 를 통해 build 할 경우 NODE_ENV 의 값은 production 이 된다.
이 값은 코드상에서 process.env.NODE_ENV 로 접근할 수 있는데,
이를 통해 코드의 분기를 나누는 등 작업을 진행할 수 있다.

이 때 참조하는 .env 파일을 다르게 할 수도 있는데,
.env.development 와 .env.production 이다.
.env 만 있다면 이 파일을 사용하겠지만 만약 상기의 두개의 파일이 있다면
각 상황에 따라 상기의 파일을 참조하게 된다.
마지막에 .local 이 붙을경우 상기 파일들 보다 우선되게 할 수도 있다.
즉, production 의 경우
.env.production.local > .env.production > .env.local > .env
이런식으로 제일 먼저 읽혀지는 파일은 .env 이나,
상기와 같이 다른 파일이 존재할 경우 우선순위에 따라 파일이 읽혀지게 된다.

profile
JavaScript, Node.js, Express, React, React Native, GraphQL, Apollo, Prisma, MySQL

0개의 댓글