[React]-깃허브에 API key 숨기기!

badassong·2023년 5월 15일
1

React

목록 보기
44/56
post-thumbnail

Github에 API key 숨기는 방법

  1. 프로젝트 최상위 폴더에 .env 파일 생성
  2. 생성한 .env 파일에
    REACT_APP_API_KEY=발급받은 키
    입력 후 저장
  3. .gitignore 파일에 .env를 추가 후 저장
  4. jsx파일에
  • 변수로 api key 저장해서 사용 => const apiKey = process.env.REACT_APP_API_KEY;

  • 변수 따로 저장하지 않고 바로 사용 => `https://youtube.googleapis.com/youtube/v3/videos?part=snippet%2CcontentDetails%2Cstatistics&chart=mostPopular&maxResults=32&regionCode=KR&key=${process.env.REACT_APP_API_KEY}`

둘 중 선택한 방법으로 사용하면 된다!

profile
프론트엔드 대장이 되어보쟈

0개의 댓글