리액트 노드 dotenv 사용

dotenv는 환경 변수를 관리하기 위한 간단하고 효율적인 방법을 제공하는 오픈 소스 모듈입니다. 주로 Node.js 애플리케이션에서 사용되며, .env 파일을 통해 애플리케이션 설정을 환경별로 분리하고, 보안과 구성의 유연성을 향상시킬 수 있습니다.

npm install dotenv

node

1. 루트 폴더에 .env 파일 생성

2. KAKAO_REST_API_KEY=밸류값을 넣어주세요
   KAKAO_REDIRECT_URI=밸류값을 넣어주세요
   NAVER_CLIENT_ID=밸류값을 넣어주세요
   NAVER_CLIENT_SECRET=밸류값을 넣어주세요

이런식으로 키 = 밸류 로 텍스트 작성

import dotenv from 'dotenv';
dotenv.config(); 

선언 후
process.env.KAKAO_REST_API_KEY 사용 시 KAKAO_REST_API_KEY의 밸류 반환

리액트

1. 루트 폴더에 .env 파일 생성

2. REACT_APP_KAKAO_REST_API_KEY=밸류값을 넣어주세요
   REACT_APP_KAKAO_REDIRECT_URI=밸류값을 넣어주세요
   REACT_APP_NAVER_CLIENT_ID=밸류값을 넣어주세요
   REACT_APP_NAVER_REDIRECT_URI=밸류값을 넣어주세요

이런식으로 작성 주의할점은 REACTAPP키값=밸류 REACTAPP 필수

3. process.env.REACT_APP_KAKAO_REST_API_KEY 사용시 밸류값 반환