dotenv-webpack

TIL - 20220623 ( 부제: webpack에 dotenv-webpack으로 환경 분리하기)

20220617 TIL(https://jaeyooniverse.tistory.com/103)에 잘못 적은 내용이 있었다. 먼저, dotenv를 사용하지 않고 dotenv-webpack만으로도 .env 파일의 경로를 지정할 수 있다. 아니, 당연한 이치다. dotenv에서 좀 더 사용하기 편하게 만들어진 것이 dotenv-webpack인데, dotenv-webpack이 dotenv의 기능을 사용하지 못하는 것은 애초에 말이 되지 않는다. 게시글에서도 확인할 수 있듯이 코드를 다음과 같이 작성했는데, 다음과 같이 수정할 수 있다. Dotenv에서 path를 통해 .env 파일 경로를 설정할 수 있다. NODE_ENV가 'development'이면 webpack.config.js 파일이 위치한 디렉토리에서 ...

TIL - 20220618 (부제: Github Actions를 위한 환경변수 설정)

어제자 TIL(https://jaeyooniverse.tistory.com/103)에서 dotenv를 설정하고 생각해보니 이런 문제가 있었다. 간단히 현 상황을 설명하면, 코드숨의 과제는 pull request를 통해 push를 진행하면 Github의 자동화 테스트를 통해 과제를 잘했는지 검사한다. 현재 과제를 통해 자신이 만든 TDD와 코드숨에서 만든 e2e 테스트를 통과해야 하고, 코드를 eslint 검사가 그 예인데, 내가 어제 작성한 대로라면 Github는 내 환경 변수를 알 수 있는 방법이 존재하지 않으니 모를 수밖에 없다. 그래서 윤석님께 다음과 같은 질문을 드렸고 오늘 배운 해결법을 작성한다. 먼저, Github CI/CD를 진행하고 있으면 .github/workflows/ci.yml 파일이..

TIL - 20220617 (부제 : webpack에 dotenv, dotenv-webpack 설정)

2일 전에 이러한 리뷰를 받았다. 실제 업무에서는 지금 공부하는 상황처럼 개발용 서버만 존재하는 것이 아닌 실제 배포 서버도 존재할 것이기에 이런 경우에 해당 코드를 어떻게 수정하면 좋을지 고민해보시라는 말씀의 리뷰였다. 독학으로 진행할 때는 이런 경우를 생각조차 못했을텐데 또 공부할 수 있는 기회가 되어서 좋았다. 환경 변수를 관리하는 라이브러리인 dotenv라는 라이브러리가 있다. dotenv는 설정한 디렉토리에 위치하는 .env 파일로부터 환경 변수를 읽어오기 때문에 이를 이용하여 개발 환경과 배포 환경에서의 환경 변수를 다르게 둠으로써 리뷰를 해결할 수 있다. 먼저 dotenv 라이브러리를 설치하자. npm i dotenv CRA 환경이 아닌 직접 webpack 설정을 했기 때문에 다음과 같이 진..