프로젝트 구조

• 핵심 목적: 단순 구현이 아닌 Schema 기반 Backend 설계 사고방식 학습
• 주요 기술 스택: React, Express, OpenAPI, TypeScript, PostgreSQL, Vercel, Azure

전체 아키텍처

• 기본적인 Full-Stack 구조 사용
  • Frontend: React
  • Backend: Express
  • API 계약: OpenAPI (Swagger)
  • Database: PostgreSQL (Neon, Azure 등)
  • 배포:
    • Frontend → Vercel
    • Backend → Azure

React → API Client → Express → Database

주요 기능 구현

• API 기반 CRUD 기능 구현
  • Create / Read / Update / Delete
• OpenAPI 기반 API 정의
• Swagger UI를 통한 테스트
• operationId 기반 Handler 연결
• DB와 연동된 데이터 처리

추가 기능

• Cache 적용 (in-memory cache)
• UI 실시간 반영