EC2에 react 자동 배포하기1 (github actions + S3 + codedeploy) - VPC, EC2 생성

1. vpc 생성
   
   vpc 이름을 생성하고
   IPv4 CIDR 블록을 지정하고 Name 태그 작성후 vpc생성버튼을 누른다.
   본인은 IPv4 CIDR 블록으로 10.127.0.0/16을 사용했다.

2. 왼쪽 네비게이션에서 서브넷 페이지 선택, 서브넷 생성
   
   VPC ID에 1에서 만든 VPC를 선택한다.

서브넷설정 에서
서브넷 이름을 설정하고 2개를 만들건데
2a, 2b, 2c, 2d 중 선택한다.
본인은 subnet1은 2a(10.127.1.0/24), subnet2는 2c(10.127.2.0/24)에 서브넷 생성했다.
서브넷 생성버튼 클릭

3.왼쪽 네비게이션에서 인터넷 게이트웨이 선택, 생성하고 1에서 만든 VPC와 연결한다.

이름 정하고 생성버튼 클릭!

작업 -> VPC 연결 누르고 1에서 만든 VPC랑 연결

4. 라우팅 테이블 생성
   
   이름 설정,
   vpc 1에서 만든거 선택
   생성버튼 클릭

라우팅 편집 버튼 누르고
3에서 생성한 인터넷 게이트웨이 라우팅 추가

서브넷 연결 -> 명시적 서브넷연결 -> 서브넷 연결편집 버튼 클릭
위에서 만든 퍼블릭 서브넷 2개 연결

5. 보안그룹 -> 보안그룹 생성
   

보안그룹 이름 생성하고
위에서 생성한 VPC선택

인바운드 규칙 사진처럼 설정후 생성

6. 인스턴스 시작에 가서 생성한다.
   본인은 전에 만든 ec2를 ami 만들어 놓은걸 사용(우분투 18.04)

키페어 생성하고 (저장 잘해놔야함)
앞에서 생성한 vpc 선택하고
앞에서 생성한 서브넷(2a) 선택한다.
퍼블릭 IP 자동 할당 -> 활성화

보안그룹은 기존 보안그룹 선택후 5에서 만든 보안그룹을 선택

생성버튼 클릭

7. 생성된 ec2에 접속
   본인은 윈도우여서
   윈도우에서 리눅스 인스턴에 연결하는거는
   https://docs.aws.amazon.com/ko_kr/AWSEC2/latest/UserGuide/putty.html
   참고 하면된다.

여기까지오면 성공

지금까지 구성

이제 CodeDeploy와 github actions 설정을 해보자

####Reference

• https://developerbee.tistory.com/204
• https://codechacha.com/ko/deploy-react-with-nginx/