Day37 수동배포 리액트+FastApi 한번 따라해보기

https://velog.io/@dos123789/Day37

배운내용

• 저번에 했던 내용들을 보고VPC - Subnet - IGW/NAT 설정 등 기본 네트워크 구성 따라해봄

• Bastion 서버 + Nginx 서버 배포 구조 설정 (SSH 키페어, 보안그룹 등)

• React 앱 빌드 후 Nginx 정적 호스팅으로 수동 배포까지 경험
  Velog

• → npm build → scp로 서버에 올려서 nginx 경로에 복사

• 서버 배포 준비

부족한점

• FastAPI 실제 배포/연결까지는 부족

• 네트워크 구성 설명이나 왜 이런 구조를 선택했는지에 대한 배경 설명이 부족

보완할점

• 각 단계별 명령/설정 이유를 이해하는 주석 추가

• FastAPI 서버 배포 전체 과정과 React 및 API 연동까지 한 번에 흐름 잡기

---

Day38 수동배포 다시 한번 해보면서 정리하기

https://velog.io/@dos123789/Day38

Browser → Nginx Static (React)
↓ /api/
→ Nginx Reverse Proxy → FastAPI → MySQL RDS
:contentReference[oaicite:7]{index=7}
React 정적 파일 빌드 → scp → nginx 경로 배포 과정을 다시 정리

• FastAPI 설치 및 실행, git clone → 가상환경 생성 → uvicorn 실행까지

• 배포 중 발생한 문제 해결

• NumPy 버전 충돌 → 특정 버전으로 고정

• MySQL 접속 문제 → dotenv / SQLAlchemy 설정 수정

• 환경변수(.env) 설정 실수 체크 (export 추가)

• Nginx reverse proxy 설정 → /api/ 요청 FastAPI로 전달

부족한점

• 백엔드 배포는 했지만 테스트 자동화/엔드포인트 검증 프로세스가 부족

• 배포 스크립트나 Rollback 대비가 없음

보완할점

• 배포 체크리스트/테스트 자동화 스크립트 추가

• CI/CD 적용 전 단계로 스크립트화된 배포 자동화 도입

---

Day39 자동배포 프론트만

https://velog.io/@dos123789/Day39

Github Actions 워크플로우 (.yaml)로 React 자동배포 설정
Velog

• Commit on main → 빌드 자동 실행

• SSH로 Bastion 접속 → nginx 서버로 dist 업로드

• nginx reload 수행 → 최신 빌드 반영

부족한점

• 백엔드 자동배포 연동은 아직 다루지 않음

• SSH 보안 키/Secret 관리 경험이 더 필요

보완할점

• 프론트 + 백엔드 모두 자동배포 되도록 Workflow 확장

• 자동 Rollback/배포 성공 체크 추가

• Github Secrets 보안 가이드 숙지

---

Day40(신정)

https://velog.io/@dos123789/Day40

---

Day41(휴뮤)

https://velog.io/@dos123789/Day41

---

본 후기는 [카카오엔터프라이즈x스나이퍼팩토리] 카카오클라우드로 배우는 AIaaS 마스터 클래스 3기(B-log) 리뷰로 작성 되었습니다.