SeSAC Cloud Camp Mini Project 3

Project Overview

AWS 인프라(ECS, EC2, VPC, RDS)를 사용해 웹 애플리케이션을 배포했습니다.
React로 개발한 프론트엔드와 FastAPI로 구축한 백엔드를 각각 도커 이미지로 빌드해 배포하였으며, MySQL RDS를 통해 데이터베이스에 데이터를 저장합니다.

Project Duration

• 기간: 10월 14일 (월) ~ 10월 21일 (월)

Deployment Process

1. AWS EC2에 서버 환경 설정
2. 프론트엔드와 백엔드에 각각 Dockerfile을 작성해 도커 이미지 생성
3. 도커 이미지로 애플리케이션을 EC2에 배포하고 RDS와 연동해 데이터 저장 기능 구현

Result

Project Structure

📁 SeSAC-Mini-Project3
├── 📁 FE                         
│   └── 📁 pj3-app                
│       ├── Dockerfile           
│       ├── 📁 public           
│       └── 📁 src             
│           ├── App.js            # 메인 애플리케이션 컴포넌트
│           └── 📁 components     # UI 구성 요소 디렉토리
│               ├── AvatarForm.js/.css      # 캐릭터 폼 컴포넌트
│               ├── AvatarPreview.js/.css   # 생성된 캐릭터 컴포넌트
│               ├── AvatarSelector.js/.css  # 캐릭터 이미지 선택 컴포넌트
│               └── ColorPalette.js/.css    # 색상 팔레트 컴포넌트
└── 📁 BE                        
    ├── Dockerfile               
    ├── main.py                
    └── requirements.txt