<aside>

</aside>

안녕하세요! FastAPI 8강 시간입니다! ☀️

7강에서는 의존성 주입(Depends)을 통해 코드의 재사용성을 높이고 구조를 개선하는 방법을 배웠습니다. 특정 엔드포인트가 필요로 하는 기능을 깔끔하게 주입받을 수 있었죠!

이번 시간에는 모든 요청 또는 대부분의 요청에 대해 공통적으로 처리해야 하는 로직을 적용하는 또 다른 방법인 **미들웨어(Middleware)**에 대해 알아봅니다. 마치 API 서버의 문지기처럼, 요청이 들어오거나 응답이 나가기 전후에 특정 작업을 수행하게 할 수 있어요. 💂‍♀️

더불어, 웹 개발 시 (특히 프론트엔드와 백엔드를 분리할 때) 반드시 마주치게 되는 CORS(Cross-Origin Resource Sharing) 이슈와 이를 FastAPI에서 우아하게 해결하는 방법까지 함께 다룰 예정입니다. 프론트엔드 개발자와 원활하게 협업하기 위한 필수 관문이죠! 🤝

자, 그럼 API 서버의 문지기, 미들웨어와 웹 브라우저의 보안 장벽 CORS에 대해 알아볼까요?

📚 챕터 소개

이번 8강에서는 FastAPI 애플리케이션의 요청과 응답 처리 과정에 **중간 단계(Middleware)**를 추가하여 공통 로직을 적용하는 방법을 배웁니다. 미들웨어는 모든 요청이 경로 작동 함수에 도달하기 전, 그리고 모든 응답이 클라이언트에게 전송되기 전에 실행될 수 있는 코드 조각입니다. 이를 활용하여 요청 로깅, 커스텀 헤더 추가, 기본적인 인증 확인 등 다양한 **횡단 관심사(Cross-cutting Concerns)**를 처리할 수 있습니다.

FastAPI는 Starlette의 미들웨어 시스템을 그대로 사용하며, @app.middleware("http") 데코레이터나 ASGI 미들웨어 클래스를 통해 구현할 수 있습니다.

또한, 웹 브라우저의 **동일 출처 정책(Same-Origin Policy, SOP)**으로 인해 발생하는 CORS(Cross-Origin Resource Sharing) 문제를 이해하고, FastAPI의 CORSMiddleware를 사용하여 이 문제를 해결하는 방법을 실습합니다. 이를 통해 다른 도메인(출처)에서 실행되는 프론트엔드 애플리케이션(예: React, Vue 앱)이 FastAPI 백엔드 API와 안전하게 통신할 수 있도록 설정하는 방법을 배우게 됩니다.

🎯 챕터 목표

이 강의를 마치면 여러분은 다음을 할 수 있게 됩니다:

1. **미들웨어(Middleware)**의 개념과 웹 애플리케이션의 요청/응답 사이클에서 미들웨어의 역할을 설명할 수 있습니다.
2. FastAPI에서 @app.middleware("http") 데코레이터를 사용하여 커스텀 미들웨어를 구현하고, 요청 전후에 로직을 추가할 수 있습니다.
3. 웹 브라우저의 **동일 출처 정책(Same-Origin Policy)**과 **CORS(Cross-Origin Resource Sharing)**의 필요성을 이해합니다.
4. FastAPI의 CORSMiddleware를 사용하여 애플리케이션에 CORS 지원을 설정하고, 주요 옵션(allow_origins, allow_methods 등)을 구성할 수 있습니다.
5. 미들웨어와 CORS 설정을 통해 API의 공통 기능을 관리하고 프론트엔드와의 연동 문제를 해결할 수 있습니다.

🏗️ 이번 강의에서 만들 프로젝트 구조 및 전체 코드