ttaeng_99 's 개발의 흔적들 ttaeng_99 's 개발의 흔적들

Environment(개발환경)/Configs

• [webpack] 환경변수 직접 선언 : dotenv, dotenv-webpack

  Environment(개발환경)/Configs 2022. 10. 11. 07:54

  🧐 서론 회사에서 KTLO(Keeping the lights on) 건으로 미뤄지던 환경변수 선언방식을 개선하는 작업을 할당받아 진행하게 되었다. React나 Next를 쓰게 되면 보편적으로 Prefix (React_APP_...) 를 붙여 사용하게 되지만, 우리 프로젝트에서는 Webpack의 플러그인을 통해 직접 주입하는 방식을 사용하고 있었다. 물론 문제가 큰 방법은 아니지만, 환경변수를 JS모듈로 관리하는만큼 모든 환경의 파일이 번들에 포함되거나 토큰같은 인증정보가 배포버전에 포함될 수 있다는 등의 문제점은 있다. 그렇기에, .env(환경변수 파일) 기반의 관리방법에 대해 찾아보았고 dotenv를 비롯한 다양한 방법들을 알 수 있었다. 이번 포스팅은 이러한 방법들을 정리하고, 각각의 특징과 장점 등..

  Read More