[문제 발견]

깃허브에 올렸던 api key를 숨기고 싶어서 파일을 만들었다.

파일 글씨가 회색으로 바뀌어야 하는데 아래와 같이 바뀌지 않고 깃허브에서도 api key가 보이는 것으로 확인했다

[문제 분석]

api key를 깃허브에 숨기고 올리기 위해선 push 전에 작업이 이루어져야 한다는 것을 알게 되었다.

push를 14번 하고 기록을 남겨두고 있었는데..

해당 레파지토리를 비공개로 돌리고 새로운 레파지토리를 생성했다.

[문제 해결]

• push 하기 전 .gitignore을 통해 보안 파일 숨기기💡

1. api 관련 .js 파일을 하나 생성해둔다.

const config = {
	apikey: "키 값"
}

2. index.html의 body 내에 아래와 같은 코드를 넣는다.

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

3. 기존 main.js의 API_KEY에 키 값을 지우고 새로 생성한 js의 값을 가져온다.

const API_KEY = config.apikey;

4. .gitignore 파일을 만들어 숨겨야 할 보안 파일(api key 값이 들어있는 .js파일)을 입력하고 push한다.