Skip to main content

CNAME 이용하여 커스텀 도메인 초기화 방지하기


리액트로 작업하고서 커스텀 도메인 연결시 npm run deploy 할때마다 깃허브에서 도메인이 초기화되는 문제가 생기는데 CNAME을 이용해서 해결할수 있다.


1. 루트폴더에 CNAME 생성​

리액트 프로젝트의 루트 폴더에 CNAME이라는 이름의 파일을 생성하고 커스텀 도메인 사이트 주소를 적어 넣는다.

CNAME

sykiblog.com

2. package.json 수정​

package.json 파일로 들어가서 predeploy 부분에 && cp CNAME build/CNAME를 추가해준다.

package.json

"scripts": {
  "predeploy": "npm run build && cp CNAME build/CNAME",
  "deploy": "gh-pages -d build"
},

3. deploy 하기​

npm run deploy 을 입력하고 나면 자동으로 커스텀 도메인까지 연결 해주는 것을 볼 수 있다.


참고자료