CDN 썸네일형 리스트형 React 앱에서 클라우드 스토리지(AWS S3, GCP Storage) 연동하기 React 프런트엔드에서 파일을 안전하고 빠르게 업로드하려면, 브라우저가 스토리지에 직접 업로드하고 서버는 짧게 서명된 URL만 발급하는 패턴이 가장 실용적입니다. 이 글은 AWS S3, GCP Cloud Storage를 React 앱에 연동하는 실무 중심 가이드입니다.1. 핵심 개념과 보안 원칙- 절대 클라이언트에 클라우드 비밀키를 포함하지 않습니다. 서명(Pre-signed/Signed) URL은 반드시 백엔드에서 발급합니다.- 업로드는 브라우저 → 스토리지로 직행하고, 백엔드는 인증·인가와 짧은 만료(예: 60초) URL 발급만 담당합니다.- 최소 권한의 IAM 정책과 버킷 CORS를 정확하게 설정합니다.2. 권장 아키텍처1) React가 서버에 업로드할 파일명(key)과 MIME 타입으로 서명 U.. 더보기 이전 1 다음