프로젝트를 진행하다보니 외부노출을 피해야하는 것들이 생겼다
포트번호, DB관련 정보, API_KEY등..
우리팀만 알고 git에는 올라가면 안되기에 dotenv 패키지를 사용해 환경변수 파일을 외부에 만들어 소스코드 내에 하드코딩하지 않고 사용하기로 했다.
파일명은 .env
로 적어줘야 하고 파일의 위치는 src
폴더와 같은 위치에 위치하여야한다
또한 git에 올리면 안되니 gitignore에도 추가해주었다
파일 안에서 변수 설정은
key = value
형태로 해주어야하며 key
값의 시작은
REACT_APP_원하는 이름
이렇게 작성해주어야 한다
그래야 리액트가 인식을 한다고 한다!!!
저 환경변수를 사용하고 싶은곳에서는
process.env.key이름
이렇게 적어주면 .env안의 환경변수 값을 불러올 수 있다!