[ React ] .env 사용하기

dotenv 바로가기

 

npm

$ npm install dotenv

 

.env ( 최상위 폴더에 생성합니다. )

REACT_APP_PORT = 4000

React에서 .env를 작성할 때는 REACT_APP_을 붙여준 뒤에 이름을 정해줍니다.

 

app.js

const express = require('express');
const app = express();
const http = require('http');
const server = http.createServer(app);

require("dotenv").config();

const PORT = process.env.REACT_APP_PORT || 4001;

server.listen(PORT, () => {
    const message = `
        [ App Project ]
        Running PORT: localhost:${PORT}
    `;

    console.log(message);
});

.env 내용을 불러올때는 process.env.을 붙여준 뒤에 .env내용을 불러옵니다.