.env 환경 변수가 뭔데?

만약 자신이 node를 조금 공부해봤다면

process.env.변수명

이렇게 써져있는 영문을 모르겠는 코드를 무조건 봤을 거라고 생각합니다.

저도 API를 사용하다가 이 코드를 처음 발견했는데요.

처음에는 이게 뭔지도 모르겠고, 별로 궁금하지도 않아서 건드리지도 않았습니다.

근데 궁금해서 구글에 쳐보니까 매우 중요하고 node를 쓰는데 이거는 모르면 안되겠더라고요;;

그래서 대체 .env가 뭐냐?

환경 변수입니다.

환경 변수가 뭐냐?

환경 변수 : 프로세스가 컴퓨터에서 동작하는 방식에 영향을 미치는, 동적인 값들의 모임

저희는 저기서 컴퓨터를 node로 바꿔서 이해합시다.

보통 .env 환경 변수를 사용할때는 보안에 관련되어서 사용됩니다. 만약 사용자의 아이디나 비밀번호가 그대로 코드에 들어나게 된다면 어떻게 될까요? 그 서비스는 그대로 보안 문제에 휘둘리게 될 것입니다.

그러지 않기 위해서 이런 보안에 민감한 정보를 환경 변수로 사용하여 사용한다는 것입니다.

바로 실습

그럼 바로 실습으로 배워봅시다.

vscode를 키고 .env 파일을 만들어주세요.

.env 파일에 변수를 작성하실때는 변수명을 대문자로 적어주는 것이 일종의 룰입니다.

TEST = Hello World!

저는 TEST라는 환경 변수를 지정 해보겠습니다.

자 그리고 이 환경 변수를 불러오기 위해서는 dotenv라는 모듈을 install 받아줄 필요가 있습니다.

npm i dotenv --save

아 i는 install의 약어입니다.

자 그럼 dotenv도 깔았겠다 node의 코드를 짜보겠습니다.

일단 dotenv를 로드해줄께요. 그런데 이 dotenv는 우리가 봤던 형식과는 조금 다릅니다.

require('dotenv').config()

굳이 변수를 선언할 필요 없이 모듈만 부르고 config()라는 매개함수만 선언해주면 저희는 dotenv를 사용할 준비가 끝났습니다. 참 쉽죠??

자 그럼 이제 TEST 변수를 들고와볼께요.

process.env.TEST

process에서 환경 변수를 꺼내와주시면 됩니다.

이 변수를 콘솔에 찍어보면??

이렇게 콘솔에 잘 찍히는걸 확인하실 수 있습니다.

이렇게 .env 변수를 사용할 수 있습니다.

마치며...

오늘은 너무나도 중요한 .env 환경 변수에 대해서 배워봤습니다. 아, git에 올릴때는 꼭 .gitignore에 .env 파일을 작성하고 올려줍시다~ 안 그러면 .env를 쓴 이유가 없겠죠????

그럼 다음에 봅시다~ bye bye