인프라 구축

[Hyunuk17]

@tomato-market-mentor 서버 구축에 대한 질문이 있습니다!

현재 EC2 인스턴스로 MariaDB를 구축, Workbench로 접근 가능하게 생성했습니다.

나머지 nginx, node, java, redis 구축에 대해서

1. nginx&node
2. tomcat&java
3. redis(캐시 서버)

이렇게 별도의 EC2 인스턴스로 서버를 생성하는 것으로 이해했는데 맞을까요? 아니면 1,2번을 합쳐서 구축하는게 맞을까요?

[tomato-market-mentor]

@Hyunuk17님, 고생 많으셨습니다! org 내 별도 secret 등의 private 저장소를 하나 생성해서 db 접근 가능한 계정 팀에 공유주시면 좋을 것 같아요 :) 일단 1개 서버에 다 올리시죠!

배포도 해야되니 git 설치도 부탁드려요!

아래 내용으로 진행해주시면 될 것 같습니다.

• nginx : 올려서 80 포트로 외부에서 접근되는지 확인
• node : 18.16.0 버전 설치 후 node -v / npm -v로 잘 설치되었는지만 확인
  • 빌드에 사용 예정이고, 빌드된 정적 리소스를 nginx로 서빙할 예정입니다!
• tomcat&java : 올려서 8080 포트로 외부에서 접근되는지 확인
  • github backend 코드로 올려주세요.
• redis : 올려서 6379 포트로 외부에서 접근되는지 확인
  • medis 등의 redis 클라이언트를 설치해서 테스트해보시는걸 권장 드립니다.

[Hyunuk17]

@tomato-market-mentor

MariaDB 설치되어있는 서버에 다 같이 포함해서 올리라는 말씀이실까요? 아니면 DB만 제외하고 하나로 묶어서 올리라는 의미인가요?

[tomato-market-mentor]

@Hyunuk17님, 일단 다같이 올려주세요. 다 올리고 서버 접근 키 공유주시면 리소스 가용 상태 한번만 볼게요.

[Hyunuk17]

@tomato-market-mentor

네 알겠습니다! 가능한 한 금요일까지는 완성해서 올리겠습니다.

[tomato-market-mentor]

@Hyunuk17님, aws가 프리티어 리소스가 적은 편이라 구글 클라우드나 네이버 클라우드 프리티어도 한번 비교해보시면 좋을 것 같아요. 프리티어로 더 높은 스펙의 서버 받을 수 있으면 다른 서버로 갈아타는 것도 괜찮을 것 같습니다 :)

[Hyunuk17]

@tomato-market-mentor 네 확인해 보겠습니다!

[Hyunuk17]

@tomato-market-mentor

서버 구축 완료했습니다.

1. nginx 설치 후 80번 포트로 접속 확인
2. nvm 설치 후 node.js 18.16.0 설치, node -v, npm -v 확인
3. java 17 설치
4. git 설치
5. git clone으로 backend repo 저장 후 gradlew로 빌드 및 8080번 포트로 접속 확인
6. mariadb 설치 후 workbench로 3306번 포트 접속 확인
7. redis 설치 후 medis로 6379번 포트 접속 확인
8. Elastic IP 부여하여 고정된 IP로 접속
9. Swap Memory 2GB 지정

spring boot 코드(~/app/tomato/) 빌드하다 인스턴스가 멈추는 일이 발생, swap memory 지정 후 문제 없이 동작합니다.

다른 서비스들은 비교해 봤는데 메모리는 1GB로 똑같고 네이버 클라우드가 저장소 50GB로 많기는 하지만, AWS의 다른 서비스들도 나중에 사용해보고 싶어서 일단 AWS 그대로 사용하는 것으로 정했습니다!

[tomato-market-mentor]

@Hyunuk17님, 고생 많으셨습니다!

9. Swap Memory 2GB 지정

👍 FE 빌드 시에도 비슷한 문제가 발생할 수 있으니 빌드는 병렬보다는 직렬로 하는게 좋겠네요! 빌드를 돌리는 프로세스의 oom(out of memory) 우선 순위를 낮추는 방식도 있는데 참고 부탁드려요.

---

다음 액션 플랜으로 빌드 및 배포를 먼저 진행해도 좋을 것 같아요. 아래 내용을 참고해주세요!

• 빌드된 리액트를 nginx에 올려보기
  • 80 포트로 접근 시 빌드된 리액트 웹 페이지가 보여지면 됩니다.
  • frontend 저장소의 코드로 빌드해주세요.
  • 키워드 : 리액트 nginx 빌드, 배포
• nginx 80 포트에서 /api 경로로 접근 시 8080 포트를 호출하여 api 호출하기
  • Ex) http://10.0.0.1/api/product/list 호출 -> nginx에서 프록시 처리하여 8080 프로세스를 호출 -> 8080 서버가 응답
  • 키워드 : nginx 리버스 프록시, location, proxy_pass
  • 차후 FE에서 같은 도메인의 /api 경로를 호출하여 api를 호출해야 합니다.
  • same origin 이슈가 뭔지 한번 찾아보시면서 왜 이런 구조로 구성하는지 고민해보시면 좋을 것 같습니다.

---

위 내용을 기반으로 cd까지 구성해보면 좋겠지만 아마 리소스가 여의치 않으실테니 나중에 한번 해보시는 것도 나쁘지 않을 것 같습니다 :) Ex) release* 규칙의 브랜치로 PR 병합 시 해당 코드를 자동으로 배포

[Hyunuk17]

@tomato-market-mentor

네 반영하겠습니다!

[Hyunuk17]

@tomato-market-mentor

인프라 구축 진행 완료했습니다!

• React 파일 빌드 후 NginX의 기본 index.html로 지정
• Elastic IP:80/api로 접속 시 리버스 프록시 적용하여 Spring Boot 어플리케이션으로 이동
• CORS 이슈 Spring Boot의 WebConfig 파일 생성하여 허용
• 로컬 환경에서 FE-BE-DB간 데이터 전송, API 호출 및 응답 성공, Main 브랜치에 병합 시 CD 구성해보도록 해보겠습니다.

[tomato-market-mentor]

@Hyunuk17님, 고생 많으셨습니다! 👍 CI에 빌드도 한번 구동되도록 추가해주시면 좋을 것 같아요. 빌드가 깨지는지 PR 시점에 확인할 수 있어서 형상을 stable하게 관리할 수 있습니다 :)

자바쪽 CI는 저도 잘 몰라서 현욱님이 한번 찾아보시고 있다면 적용 해보시죠!

[tomato-market-mentor]

혹시 CD 구축이 여의치 않다면 배포 프로세스를 문서화해두시고, 해당 문서를 기반으로 팀원 모두가 배포할 수 있도록 하면 좋을 것 같습니다!