[쇼핑몰 만들기] dotenv 사용하여 비밀 번호 관리하기

1. dotenv를 설치한다.

yarn add dotenv
(혹은 npm install --save dotenv)

 

2. root 폴더에 .env 라는 파일을 생성하여 다음의 정보를 적는다.

//.env
SERVER_PORT=3306
DB_HOST=localhost
DB_USER=root
DB_PASSWORD=비밀번호
DB_NAME=db이름
API_KEY=YOU_API_KEY

 

3. Node.js 파일에서 다음 환경변수를 이용하려면 다음과 같이 작성한다.

//server.js
require('dotenv').config();     // DB 환경변수 
console.log('SERVER_PORT: ', SERVER_PORT)

const mysql      = require('mysql2');
const connection = mysql.createConnection({
    host: process.env.DB_HOST,
    port: process.env.SERVER_PORT,
    user: process.env.DB_USER,
    password: process.env.DB_PASSWORD,
    database: process.env.DB_NAME
});

connection.connect();

 

+) React에서 다음의 환경변수를 사용하려면 환경변수명 앞에 'REACT_APP'이 들어가야한다. 만약 REACT_APP을 작성하지 않고 사용하게 되면 무시된다.

//.env
REACT_APP_API_KEY=YOU_API_KEY
DB_USER=root

// index.js
require('dotenv').config();
console.log(process.env.REACT_APP_API_KEY) //YOU_API_KEY
console.log(process.env.DB_USER) //undefind

 

출처: https://velog.io/@rjsdnql123/React%EC%97%90%EC%84%9C-dotenv%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94%EB%B2%95