env-cmd 활용 환경변수 설정하기
실무에서 프로젝트를 개발하다 보면 각 환경에 따라 다른 변수 혹은 api 주소를 적용해야 하는 경우가 많아집니다.
종종 부주의함으로 인해 알맞은 환경변수 값을 불러오지 못해 오류가 발생하는 경우가 발생하기도 합니다.
이런 이슈들이 발생하는 것을 해결하기 위해
env-cmd 라는 패키지를 사용하게 되는데 env-cmd 는 각 환경에 맞게 자동으로 환경변수를 불러와 적용할 수 있도록 도와주는 패키지로 사용방법은 아래와 같습니다. nextjs를 기반으로 작성 했지만 환경변수 이름을 지정 및 불러오는 방법을 제외하고는 사용법은 다 동일합니다.- (1). 패키지 설치
- (2). 개발, QA ,라이브 각 환경에서 사용할 환경변수 파일 생성
.env.development,.env.production
- (3). package.json 파일 script 수정
- (4). 각 상황에 맞게 build 스크립트를 실행 완료 한 뒤 start를 실행하면
console.log(process.env.NEXT_PUBLIC_ENV)는 각 환경파일에 정의한 값이 출력됩니다.