본문 바로가기

What I Learnd/TIL

TIL - .env 사용해서 API서버의 URL 코드상에서 숨기는 법

env는 API key, port, DB 등 민감한 정보를 환경변수에 담아 관리하는 방법으로 git에 프로젝트를 업로드 할 때 공유하고 싶지 않는 정보들을 제외하고 업로드 할 수 있게 처리한다.

1. root 폴더에 .env 파일 생성

2. 변수명은 반드시 'REACT_APP_'으로 시작

  • 'REACT_APP_변수명' 형식이 아닐 시,
  • React가 인식하지 못하여 정상적으로 작동하지 않는다.

3. .gitignore에 env 등록

  • 이렇게 등록해준 파일들은 git에 올릴 때 파일이 올라가지 않음!