react에서 dotenv 라이브러리 쓰는 이유

Question

안녕하세요 react로 개발중인데 .env 에 api key등 보관해서 사용중입니다.근데 다른 프로젝트들을 보니 dotenv 라는 라이브러리를 많이 활용하는데 저는 그걸 안쓰고도 잘 사용중인데 왜 dotenv라는 라이브러리를 활용하는지가 궁금합니다..! 구글링하니 일반적으로 .env 쓰는 이유가 나오더라구요또한 리액트로 개발중인데.env 파일에 REACT_APP_***이런식으로 작명을 해야 작동이 되는데 다른분들 작성한거 보니 또 그렇게 안하고도 되는 분들이 있더라구요... 잘 아시는분 알려주세요 왜그런건가요 ㅠㅠ

O-h-y-o · Accepted Answer

더 편하게 사용하기 위함이 라이브러리이죠! 안쓰고도 잘 활용중이시라면 그거면 된거라 생각합니다. 리액트는 일반적으로 REACT_APP 으로 시작하지 않는 환경변수는 모두 무시합니다. 암묵적인 룰이라고도 볼 수 있죠. 무시를 하는 이유는, 다른 중복되는 키와의 충돌로 인한 다른 private key의 노출 및 사고를 방지하고자 함입니다. 앱을 구동하는 서버의 환경변수가 하나 있다고 가정 &#61;> key는 a , value는 'A' 라고한다면, 프로젝트의 .env에서 a &#61; 'B' 라고 하면 충돌이 일어나겠죠? 와닿지 않는다면 하나 더 예시를 들어볼까요? 터미널을 여신 후, 따라 입력해보세요 node &#61;> process.env 뭔가 많이 쫘라락 나올겁니다. 쫘라락 나오는 것중에 HOME 이라는걸 예시로 들어보겠습니다. 프로젝트의 .env에서 process.env.HOME &#61; '변경' 이런식으로 한다고 가정해보면... process.env.HOME 의 값은 '변경' 으로 바뀌겠죠? 그러면 당연히 안되겠죠! 그래서 리액트에서는 REACT_APP으로 시작하지 않는 환경변수는 모두 무시하는 것입니다. node에서는 NODE_ENV, vue에서는 VUE_APP 으로 시작해야만 하는 것 처럼요. 이를 원치 않으시다면 따로 설정을 변경해주셔야 합니다. 하지만 암묵적인 룰이라했죠, 이를 어기는 것은 (절대) 추천드리지 않습니다.

으헝러헝헝 · Answer

와 저도 이부분 좀 보고있었는데,, 이런 질문글이 있었네요.저도 구글링하면서 찾은 답변중에 유용할 거 같아 공유 드려봅니다.https://han-py.tistory.com/441

react에서 dotenv 라이브러리 쓰는 이유

2개의 답변

Q&A 목록