React2 AWS S3 presignedURL을 이용한 이미지 파일 업로드 Presigned URLPre-signed URL은 AWS S3에 이미지를 업로드할 때, 해당 S3의 접근 권한 인증을 마친 후 발급받는 URL이다. 사용 이유1. 프론트에서 서버를 거치지 않고 S3에 직접 파일을 업로드하기 때문에 서버가 업로드 요청을 처리하는 데 필요한 리소스를 절약할 수 있다.2. 백엔드에서 권한 설정을 한 url이기 때문에 보안이 강화된다. 전체 아키텍처1. 클라이언트에서 서버에 presigned URL 요청 (POST)2. 서버는 이 요청을 S3에 전달3. S3는 새로운 presigned URL을 서버에 반환4. 서버는 다시 이 presigned URL을 클라이언트에 전달5. 클라이언트는 사용자가 선택한 파일을 S3에 직접 업로드 (PUT)6. 클라이언트는 업로드가 완료되었음.. 2024. 8. 30. React-Hook-Form 알아보기 - useForm / useFormContext React-Hook-Form은 간단하고 효율적으로 폼 관리를 할 수 있는 라이브러리다. 이전에는 아래와 같이 폼 입력값들을 전부 useState와 onChange를 사용해 값을 실시간으로 가져오고 관리했었다. const emailRegEx = /^[A-Za-z0-9]([-_.]?[A-Za-z0-9])*@[A-Za-z0-9]([-_.]?[A-Za-z0-9])*\.[A-Za-z]{2,3}$/i;const passwordRegEx = /^.{8,}$/;const SignUpForm = ({ setFormType, onClose }) => { const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); const.. 2024. 6. 28. 이전 1 다음
