이번 5월 노마드 챌린지를 하기 이전에 나는 이미 api key를 그대로 push 했었다.
그나마 다행인건 private으로 올렸다는 것인데..
이번 기회에 환경변수를 사용하지 않는 간단한 방법을 알게되어 기록한다.

개인 레포이길 망정이지 😖
프로젝트 하며 github에 push할 때에는 API Key 를 조심 또 조심하자!

• 노마드 챌린지 중 사용자의 위치를 받아와서 날씨 정보를 뿌려주는 작업이 있었고
• github에 api code가 그대로 노출되어 위험성 감지했다.
• 숨기려는 code는 한 줄로 매우 간단하기 때문에 .env node.js 를 사용하지 않고 API key를 숨기고 싶다.

---

API key 숨기는 방법(초간단)

1) apikey.js file 만들고 key를 넣는다.

const config = {
	apikey: "APIkey 입력"
}

2) index.html 내에 apikey file 연결

<script type ="text/javascript" src="apikey.js"></scirpt>

3) weather.js (위치를 불러오고자 하는 파일)에 상수로 할당

const WEATHER_API = config.apikey;

4) .gitignore를 생성하고 apikey.js file 제외

---

참고한 사이트

push를 취소하고 싶다면