개인 정보 파일 생성 및 gitignore 파일에 추가

개인 정보라던가 어딘가에서 발급받은 key 같은 정보는 공개되지 않도록 미리 관리를 해주어야한다. 비밀 정보들을 관리하는 파일을 만들고, 그 파일이 깃이 인식하지 않도록 gitignore 에 추가해보자. 추가로 비밀 정보 파일의 값들을 다른 파일로 불러보자.

 

비밀 정보 파일 생성

원하는 위치에 비밀 정보를 저장할 파일을 생성하자. 예를들어 config.js 파일을 생성한다.

 

.gitignore 설정

.gitignore 파일을 생성하고, 해당 파일에 config.js 파일을 적는다.

# .gitignore
config.js

 

비밀 정보 추가

config.js 파일에 비밀 정보를 추가한다. 아래 예시는 특정 key 를 저장한다고 가정한다.

// config.js
export const config = {
  apiKey:
    "비밀 정보",
};

 

HTML 파일 수정

html 파일에서 스크립트 부분에 type="module" 를 추가한다.

  <script type="module" src="./src/main.js"></script>

 

자바스크립트 파일에서 비밀 정보 가져오기

아래와 같은 방법으로 자바스크립트 파일에서 config.js 파일을 require 하여 비밀 정보를 사용할 수 있다.

import { config } from "./config.js";

console.log(config.apiKey);

 

이렇게 하면 config.js 파일에 저장된 비밀 정보를 .gitignore 에 포함시켜 git 에 커밋되지 않게 하면서, javascript 파일에서는 해당 정보를 가져와 사용할 수 있게된다.