CRA에서 API 키 보호하기

임찬수·2021년 12월 21일
0

구글 인증 로그인을 구현하기위해서 Client_Key를 발급받아 사용하는데

테스트시에는 컴포넌트 내에 실제 키값을 그대로 넣어 사용하였는데

이럴 경우 키값이 노출 될수있기 때문에

.env 파일을 만들어서 환경변수로 사용할수 있다고한다.

방법은

  1. 루트 경로에 .env 파일 만들기
  2. .env 파일에서 환경 변수 정의하기
    환경 변수를 정의 할때는 반드시 "REACT_APP" 으로 시작하는 변수명을 사용해야만 process.env로 접근 할 수 있다.
  3. 프로젝트 내부에서 사용할때는 process.env로 접근

기억해야할것

  1. 꼭 "REACT_APP" 으로 시작하는 변수명 사용할것
  2. env 파일을 새로 만들었다면 프로젝트를 다시 실행하여야 process 속성에 접근 할 수 있다.
profile
프론트엔드 개발자가 되기 위한 정보를 정리합니다.

0개의 댓글

관련 채용 정보