로컬 및 서버의 환경 변수 구성

git 으로 코드를 올렸을 경우 다른 사용자가 중요코드를 확인할수 있는 문제점 발생

 

그런 문제점을 보완하기 위해서 환경변수로 설정하여 관리한다.

 

패키지 추가

명령어: npm i -D dotenv-webpack

 

webpack.config.js 파일 코드 추가

const Dotenv = require('dotenv-webpack')

new Dotenv()

 

루트경로에 .env 파일 생성 및 코드 추가

띄어쓰기나 따옴표가 안들어가도록 주의

OMDB_API_KEY=비밀

functions -> movie.js 코드 수정 -> 환경변수 데이터 가져오기 -> 기존 변수 삭제

const axios = require('axios')
const OMDB_API_KEY = process.env.OMDB_API_KEY

 

정상동작 확인

 

github에 환경변수 파일을 올리지 않기 위해서 .gitignore 파일에 코드 추가

.env

 

.env는별도로 관리해주어야한다.

 

netlify에서 환경변수 관리

url: Build & deploy | Site settings (netlify.com)

Netlify App