3. 가비아 도메인을 AWS ec2 react 서버 ip에 연결한다.

1. 도메인을 연결하려면 포트를 없애야 하기 때문에, 리엑트 포트를 80으로 설정한다. 

pakage.json 파일을 아래와 같이 설정한다.

 

%참고 : react 기본포트를 바꿀수 없는 상황이라면, 로드벨런싱을 통해 외부포트 80을 내부포트 3000으로 포워딩해서 사용하는 방법도 있다.

 

1. 윈도우 일 경우(로컬) - set PORT

{ ... 
"scripts": { 
	"start": "set PORT=80 && react-scripts start"
	, "build": "react-scripts build"
	, "test": "react-scripts test"
	, "eject": "react-scripts eject"
 },
... 
}

2. 리눅스(ubuntu)인 경우 - export PORT

{ ... 
"scripts": { 
	"start": "export PORT=80 && react-scripts start"
	, "build": "react-scripts build"
	, "test": "react-scripts test"
	, "eject": "react-scripts eject"
 },
... 
}

 

2. 가비아에서 도메인을 산다.

Amazon Route 53을 통해서 도메인을 사는게 AWS서버와 호환이 잘된다고는 하는데, 이제까지 가비아에서 산 도메인이 문제를 일으킨 적은 없었다. 가비아의 장점으로는 고객센터에 전화해 한국인과 상담을 할 수 있다는 것과 국내사이트이기 때문에 결제나 환경설정이 쉽다.

 

도메인을 구매할때 뒤에가 .com .net 이런 자주보던게 아니라 .xyz .site 이런식으로 끝나는건 가격이 저렴하다.

아래 도메인은 1년에 1,900원이었다. 가비아 사이트에 정리되어있다.

아래와 같이 세팅 후 저장하면 도메인이 ip에 연결되기까지, 짧게는 10분 길게는 몇 시간 정도 소요된다.

3. 도메인 연결이 됬다면 아래와 같이 정상적으로 dns접속이 가능하다.