환경변수

yezee·2023년 2월 6일
0

etc.

목록 보기
1/1
post-thumbnail

지금까지 api를 호출할때 필요한 api_key를 const로 만들어서 간편하게 붙여 사용했다
하지만 그건 주민등록번호를 모두에게 공개하는것과 같다...😂
.env파일을 만들어서 안전하게 정보저장해보자

.env

  • root에 .env파일을 만들어준다
  • 리액트는 특이하게 앞에 리액트만의 고정된 문자열을 넣어주어야한다
    REACT_APP_
    //.env
    REACT_APP_API_KEY=1234
  • .gitignore파일에 .env파일을 추가해준다
  • npm start로 서버 재시작(재시작을 하지않으면 .env파일을 인식하지 못한다)
  • api_key가 필요한 파일에 불러준다
    process.env.<.env 파일에서 사용한 이름>
    const API_KEY = process.env.REACT_APP_API_KEY

주의사항)
공백도 문자열로 인식한다

profile
아 그거 뭐였지?

0개의 댓글