📒 AWS(3) - 실습

📌 백엔드 모듈 구성

• Spring과 gradle을 이용해서 백엔드 서버를 간단하게 하나 만들어보자
• 이클립스를 이용한 백엔드 구성의 경험이 없기 때문에 간편한 인텔리제이를 사용해서 실습한다.
• 먼저 Spring boot를 기준으로 JAVA-Gradle-Groovy로 환경을 만들어준다.
• 이 후 아래와 같이 코들를 작성해주면 끝이다.

📙 src\main\java\com.name\nameApplication.java(Class)

package com.urface.cit;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class UrfaceApplication {

    public static void main(String[] args) {
        SpringApplication.run(UrfaceApplication.class, args);
    }

}

로컬 호스트에 진입하는 방법은 아래와 같다.

swagger-ui 3.x version 이상 http://localhost:8080/swagger-ui/index.html
swagger-ui 3.x version 미만 http://localhost:8080/swagger-ui.html

📙 src\main\application.yml

spring:
  mvc:
    pathmatch:
      matching-strategy: ant_path_matcher
  application:
    name: name

📙 build.gradle(name)

plugins {
    id 'java'
    id 'org.springframework.boot' version '3.2.5'
    id 'io.spring.dependency-management' version '1.1.4'
    id 'com.netflix.dgs.codegen' version '6.0.3'
    id 'org.graalvm.buildtools.native' version '0.9.28'
    id 'dev.hilla' version '2.5.5'
    id 'com.vaadin' version '24.3.10'
}

group = 'org.example'
version = '0.0.1-SNAPSHOT'

java {
    sourceCompatibility = '17'
}

configurations {
    compileOnly {
        extendsFrom annotationProcessor
    }
}

repositories {
    mavenCentral()
}

ext {
    set('hillaVersion', "2.5.5")
    set('springModulithVersion', "1.1.4")
    set('vaadinVersion', "24.3.10")
    springCloudVersion = "2023.0.1"
}

dependencies {
    implementation 'org.springframework.boot:spring-boot-starter-web'
    testImplementation 'org.junit.jupiter:junit-jupiter-api'
    testRuntimeOnly 'org.junit.jupiter:junit-jupiter-engine'
    implementation 'org.springdoc:springdoc-openapi-starter-webmvc-ui:2.0.2'
//    implementation 'io.springfox:springfox-boot-starter:3.0.0'
//    implementation 'io.springfox:springfox-swagger2:2.9.2'
//    implementation 'io.springfox:springfox-swagger-ui:2.9.2'
}

dependencyManagement {
    imports {
        mavenBom "dev.hilla:hilla-bom:${hillaVersion}"
        mavenBom "org.springframework.modulith:spring-modulith-bom:${springModulithVersion}"
        mavenBom "com.vaadin:vaadin-bom:${vaadinVersion}"
        mavenBom "org.springframework.cloud:spring-cloud-dependencies:$springCloudVersion"
    }
}

tasks.named('test') {
    useJUnitPlatform()
}

generateJava {
    schemaPaths = ["${projectDir}/src/main/resources/graphql-client"]
    packageName = 'org.example.urface.codegen'
    generateClient = true
}

build.gradle에서 굉장히 많은 시간을 소모했다.
이유는 Spring boot와 swagger 때문이다.
나는 구글링을 통해서 여러 방법을 사용해 보았다.
1. 버전 맞추기
2. 버전에 따른 사용법 변경...등등

하지만 404ERROR 그리고 아래 이미지와 같은 ERROR 2가지를 번갈아가며 겪었다.

결론은 SwaggerConfig.java를 작성하지 않는것으로 진행했다.

springdoc의 경우 SwaggerConfig가 없어도 Ui를 만들 수 있는 기능이 있어 이를 이용하는 것으로 마무리했다. 이유는 이 실습은 백엔드 구성 보다는 AWS 실습이 우선이기 때문이다.

16시간을 갈아버린것은 비밀이다..

📙 src\mian\java\com.name\controller\MemberService.java

package com.urface.cit.controller;

//import io.swagger.annotations.ApiOperation;
import org.springframework.web.bind.annotation.DeleteMapping;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class MemberService {

    @GetMapping("/members")
//    @ApiOperation("회원조회")
    public void get(){

    }

    @PostMapping("/members")
//    @ApiOperation("회원등록")
    public void register(){

    }

    @DeleteMapping("/members")
//    @ApiOperation("회원삭제")
    public void delete(){

    }

}

---

이제 모든 작업이 끝낫기 때문에 AWS 실습으로 넘어가자

📌 VPC 구성

이제 VPC를 생성해주자.
과정은 아래와 같이 진행하면 된다.

생성이 완료되면 아래처럼 나올것이다.
하...이름에 vpc가 달려서 나오니까 다음부터는 그냥 name만 작성해야겠다..

이름은 아래처럼 바꾸어주자.
세부정보서브넷라우팅 테이블인터넷 게이트웨이NAT 게이트웨이
외부로 나가는 IP는 보이는 것처럼 52.79.73.57로 나가는 것이다.

---

📌 Elasticbeanstalk 구성

이 실습에서는 Private만 사용할 것이다. -> Public이 더 쉬움

• Elasticbeanstalk을 만들때 t2-micro로 만들 수 있도록 집중해서 설정을 하나씩 보고 넘기자.

Elasticbeanstalk을 만들면 자동으로 EC2도 만들어진다.

이제 이 서버로 접속할 수있는 Baston host 역할을 할 수 있는 EC2를 하나 만들어주자.
큰열할을 하는것이 아니기 때문에 micro로 만들어주며 Key는 이전에 만든것을 사용한다.
나는 putty를 사용해보았기 때문에 이때 사용한 것을 그대로 사용하며
없다면 새로 생성하면 그만이다.
이렇게 진행하다 보면 Elasticbeanstalk을 생성하는 과정에서 오류가 발생한다.
이는 참고를 확인하고 해결하자. 물론 다시 만들어야 한다.

성공이다!!

이제 Putty를 실행해서 BastonHost에 접속해보자. 아래 퍼블릭 IPv4 DNS의 주소를 넣어주면 끝이다! (Login as 라고 뜨면 그냥 ec2-user를 작성해라 그럼 적속됨 ㅇㅇ)

물론 내가 가진 Key의 위치를 Connection\SSH\Auth\Credentials에서 작성해주는 과정이 있다.
또한 Elasticbeanstalk으로 만든 EC2의 경우는 바로 접속하려 하면 접속을 할 수 없다.
이때는 bastonHost를 통해서 접속을 하는 것이다.

먼저 Window에는 vi가 기본적으로는 사용이 불가능 하기 때문에
나는 Gitbash를 사용할 것이다.
Gitbash는 Vi를 지원한다 개꿀 ㅜㅜ Vim 깔아서 써보겟다고 까불다가 1시간 날린건 비밀..

순서를 다시 상기 시켜보자.
1. Putty에서 bastonhost에 접속
2. 내가 가지고 있는 pem키 내용을 gitbash에서 vi를 사용하여 복사(나는 구역을 나누어서 복사함.. y로 복사하라는데 안되는데..?)
3. pwd를 작성했을때 나온 주소로 cd 명령어를 사용하여 접속
4. mkdir .ssh 작성해서 .ssh 만들기
5. ls -arlt 작성해서 .ssh 만든거 확인
6. cd .ssh 접속
7. vi key_name.pem 작성해서 vi 환경으로 접속
8. Gitbash에서 복사한 내용 붙여넣기(i를 눌러서 insert 모드로 진입해야함)
9. ESC, shift+:, wq 입력해서 나오기(저장임)
10. chmod 400 key_name.pem 작성
11. ssh -i key_name.pem ec2-user@프리아빗 IPv4 주소

이렇게 진입하면 완성이다~!

이상태로 netstat -an | grep 5000 을 작성하면 정상적으로 돌아가는 것을 확인할 수 있따.
Elasticbeanstalk는 기본적으로 5000번 포트이다..

---

📌 RDS 구성

이제 DB를 구성해보자 먼저 서브넷 그룹을 만들어주자.

이제 DB를 생성하자
admin0411
launch-wizard-1의 인바운드 규칙에서 MySQL/Aurora, TCP, 3306, 모두 로 설정해주어야한다.
이는 EC2의 보안그룹에서 가능하다.

이제 이렇게 만든 DB를 인텔리제이에서 설정하자.
인텔리제이는 DB를 오른쪽 탭에서 관리한다.
이 엔드포인트 및 포트를 Host에 넣어주자
그럼 이제 오류가 발생한다!하하 이건 Private이기 때문에 발생하는 것이다.
인텔리제이가 참 편하다 뭘 해야하는지 보여준다...해결 방법은 SSH/SSL탭에서 Use SSh tunnel을 클릭해서 설정을 해주는 것이다. 이것은 bastonhost를 통해서 만들어 주겟다.

깔끔하게 성공했다.
이제는 스키마를 만들어주자.


테이블도 간단하게 하나만 만들어주자

잘 만들어 졌다~

---

📌 S3 구성

S3 버킷을 만들어보자.
버킷 이름만 도메인 이름으로 잘 만들어서 기억하고 나머지는 기본값으로 생성한다.
이제 속성에 들어가서 정적 웹 사이트 호스팅을 활성화 시켜주자.

---

📌 React 구성

뭔가를 확인하려면 Front가 필요하다.
간단하게 React 프로젝트를 만들어주자.

pip install npx

npx create-react-app urface-app

웹페이지 띄우기

npm start

build 파일 생성

npm run build

npm install -g serve

build를 S3에 올리는 것이 목표이다.

build 내의 파일들을 S3에 만든 urface.com에 업로드 해보자.
이제 퍼블릭 액세스 차단(버킷 설정)을 편집해주어야 한다.
이제 버킷 정책을 편집해주자. 정책 생성기를 눌러 아래와 같이 맞춰주면 된다.

이제 속성 - 정적 웹 사이트 호스팅 으로 가면 엔드포인트가 있다.
진입하면 아래와 같이 정상적으로 작동하는 것을 볼 수 있다.

📌 CI/CD 구성

먼저 CodePipeline을 구성해주자.
여기서 master 이외에 데모버전이 있다면 파이프라인을 각각 생성해주어야 한다.