클라우드 AWS 도메인 네트워크 접근 설정 - 100-hours-a-week/16-Hot6-wiki GitHub Wiki

aws 도메인 네트워크 설정

alt text

이 아키텍처 다이어그램에서 사용된 도메인 dev.onthe-top.com 은 다음과 같은 방식으로 작동합니다:

🔹 도메인 흐름 요약

  1. 도메인 등록 및 라우팅

    • dev.onthe-top.com 도메인은 AWS Route 53에 등록되어 있음.
    • 이 도메인은 프런트엔드 요청을 처리하는 GCP의 Nginx 서버를 가리킴 (즉, DNS 레코드가 GCP VM의 공인 IP를 가리킴).

  2. 프론트엔드 접근 흐름

    • 사용자가 웹 브라우저에서 https://dev.onthe-top.com 접속
    • DNS 요청은 Route 53에서 처리 → GCP VM의 Nginx 서버로 라우팅됨
    • Nginx는 React 기반 프론트엔드 앱을 서비스하고, 필요한 경우 백엔드 API로 요청을 프록시 전달함.

  3. 백엔드/API 경로

    • Nginx는 내부적으로:

      • /api 요청은 Spring Boot 백엔드(8080 포트)로 프록시
      • /ai 관련 요청은 AI 서버(8000 포트)로 프록시

  4. 업로드

    • 백엔드에서 AWS S3에 직접 파일 업로드도 수행

🔹 정리된 구성 요소별 역할

구성 요소 설명
Route 53 (AWS) 도메인 dev.onthe-top.com의 DNS 관리
S3 (AWS) 백엔드에서 사용하는 정적 파일 저장소 (업로드 대상)
Nginx (GCP) Reverse Proxy 및 프런트엔드 정적 파일 제공
Spring Boot 백엔드 API 처리 (8080 포트)
AI 서버 AI 처리 엔드포인트 (8000 포트)
MySQL 프라이빗 서브넷의 데이터베이스, 백엔드에서 접근
Github + 엔지니어 CI/CD 빌드 및 GCP VM에 배포

💡 핵심 포인트

  • dev.onthe-top.com은 AWS DNS → GCP VM의 퍼블릭 IP로 연결
  • 실제 서비스는 GCP 내부에서 동작
  • GCP 서버 내부 포트는 8080 (백엔드), 8000 (AI) 등으로 나뉘어 있고, Nginx가 이를 프록시 처리함
  • 데이터는 MySQL (GCP 프라이빗), 정적 파일은 S3 (AWS)에 저장

alt text