React 컴포넌트 분리와 Vite 프록시 연동 — Flask API 통신과 CRUD 인터페이스 구현
Vite 개발 프록시로 로컬 CORS 제약을 해결하고, 공통 fetch 함수를 통한 CSRF 헤더 자동 주입 및 모놀리식 App 컴포넌트를 UI 컴포넌트와 API 모듈로 분리한 실습 과정을 다룹니다.
태그 목록
87 tags
All Engineering-Practice 16 Python 15 Architecture 12 Security-Automation 8 Zero-Trust 7 Flask 6 Distributed-System 5 Network 5 Packet-Analysis 5 DevLog-Pipeline 5 Agent-AI 5 Troubleshooting 4 FastAPI 4 RBAC 3 SQLite 3 Docker 3 CloudShield 3 Data-Engineering 3 React 2 접근통제 2 PDP 2 PEP 2 Access-Control 2 AWS 2 Boto3 2 Retrospective 2 Web-Security 2 Rust 1 Wasm 1 WebAuthn 1 Crypto 1 ZeroServer 1 PrfVault 1 Next.js 1 Git 1 GitHub 1 AppRouter 1 Vite 1 CSRF 1 컴포넌트분리 1 CRUD 1 Jinja2 1 Security Logging 1 Observability 1 PRG Pattern 1 Refactoring 1 보안관제 1 PostgreSQL 1 이벤트로깅 1 이상탐지 1 미니프로젝트 1 권한회수 1 감사로그 1 최소권한원칙 1 예외처리 1 트랜잭션 1 Docker Compose 1 Zero Trust 1 Fail-closed 1 Reverse Proxy 1 Container 1 Kubernetes 1 Linux 1 WAFv2 1 LockToken 1 OptimisticLocking 1 Minecraft 1 Discord 1 Kotlin 1 Coroutines 1 Ktor 1 Redis-Streams 1 K3s 1 PDP-PEP 1 Packet-Tracer 1 Network-Security 1 EC2 1 SecurityGroup 1 ZeroTrust 1 Forensics 1 Database 1 Performance-Tuning 1 AgentGovernance 1 PydanticV2 1 ContractFirst 1 GitHubActions 1 DevSecOps 1
#컴포넌트분리 1
React 컴포넌트 분리와 Vite 프록시 연동 — Flask API 통신과 CRUD 인터페이스 구현
Vite 개발 프록시로 로컬 CORS 제약을 해결하고, 공통 fetch 함수를 통한 CSRF 헤더 자동 주입 및 모놀리식 App 컴포넌트를 UI 컴포넌트와 API 모듈로 분리한 실습 과정을 다룹니다.
shared tag reference
No matching posts.