Vanila JS API key 숨기기

이전에는 기능을 구현해놓고, api-key 를 삭제하고나서 깃에 올렸는데 .gitignore 를 통해 배포 후에도 기능은 유지되게 만들 수 있어서 직접 해보았다!

1. api key 를 보관하는 파일 생성

const config = {
  API_KEY: "MY API KEY!"
};

export default config;

이렇게 내보내기 해줘야한다.

1. .gitignore 생성 후 설정

./js/apikeys.js

이후에 git 으로 파일을 관리해야한다.

API key 를 담은 파일이 git 에 한 번 추적되면 .gitignore 가 ignore 된다. 껄껄

1. 파일 import 하기

import config from "./apikeys";

const { API_KEY } = config;

// 이후

const API_url = `https://blahblah.com/${API_KEY}/blahblah`;

까먹어서 나중에 또 찾아볼 것이 뻔하기에 적어보았다. 끝!