리액트 보일러 프로젝트 - 5 개인 정보 숨기기, 설정 변경

프로젝트를 GitHub에 올릴 때 public으로 올리는 경우 DB 정보같은 것들이 공개될 때가 있습니다

그런 경우를 방지할 수 있게 깃허브에서 .gitignore 파일을 생성해서 특정 파일은 깃허브에 등록되지 않게

제외시킬 수 있습니다

 

.gitgnore 설정

프로젝트 최상위 경로에 .gitignore 이름으로 파일을 하나 만듭니다

gitignore 파일에서 제외시킬 파일 이름을 등록합니다

확장자를 포함해서 등록합니다

깃허브 명령어를 사용해서 test.js가 올라가는 지 확인합니다

1. git add .

2. git commit -m "커밋 메시지"

3. git push

위 명령어를 통해서 모든 파일들을 깃허브에 올렸습니다

test.js 이름을 가진 파일은 config 폴더 아래에 위치했지만 등록되지 않았습니다

 

개발 환경에 맞춰서 설정 변경하기

개발 할 때 테스트로 사용하는 DB와 배포했을 때 사용하는 DB를 다르게 사용하는 경우가 있습니다

이럴 때 개발 혹은 배포 시에 개발자가 환경에 맞춰서 DB 정보를 변경하고 셋팅하는 것은 힘듭니다

개발, 배포에 맞게 자동으로 DB 정보가 변경되게 하는 설정을 해보겠습니다

 

config 폴더에 하위 파일로 개발과 배포에 사용할 정보를 담은 파일들을 각각 만듭니다

개발은 development.js 이름 짓고 배포는 deploy.js 이름을 짓겠습니다

그리고 환경에 따라서 개발, 배포 파일을 부를 수 있게 type.js 이름의 파일 만듭니다

index.js 파일에 아래와 같은 변수를 만듭니다

const config = require('./config/type');

type.js 파일에 if문을 추가합니다

 

process.env.NODE_ENV가 production일 경우

배포 환경 설정을 불러오고 나머지는 개발 환경을 불러옵니다

deploy.js와 development.js에 동일하게 module.exports = {}를 작성합니다

{}안에 변수명을 짓고 연결할 DB 정보를 입력합니다

변수명 : 'DB정보로 따옴표로 감싸주기' 

다시 index.js로 돌아가서 connect()안에 입력한 경로 대신 config.변수명으로 변경합니다

config는 const로 설정한 변수 이름입니다