[React] 환경 변수 사용

숭글·2022년 5월 30일
0

react

목록 보기
3/10

API key, 이미지 불러오는 경우 경로를 감춰 보안성을 높이기 위해 환경 변수를 사용했다.

root디렉터리에 .env 파일을 생성 후 (.gitignore에 추가해줘야함!)
key-value형식으로 환경 변수를 설정해줬다.

react에서 환경 변수를 쓰는 경우 환경 변수 key앞에 "REACT_APP_" 을 꼭! 붙여줘야한다.
그리고 .env파일은 서버를 재시작해야 로드돼서 만들고 난 뒤에는 서버를 재시작해줘야했다.

수정한 후에는 아래처럼 api key를 공개하지 않고 코드를 작성했다.!

profile
Hi!😁 I'm Soongle. Welcome to my Velog!!!

0개의 댓글