s3

Next.js

Presigned URL을 통한 이미지 업로드

Presigned URL이란? => 클라이언트 > 서버에게 Presigned URL만 요청. => 클라이언트가 직접 > S3에 업로드하는 방식 클라이언트 > 서버 (/test/page.js) 'use client' export default function Test(){ return ( { let file = e.target.files[0] let fileName = encodeURIComponent(file.name); let res = await fetch(`/api/post/image?file=${fileName}`); res = await res.json() } }> ) } => 태그를 통해 클라이언트가 이미지 선택 => 서버에게 Presigned URL을 달라고 GET 요청 서버 > 클라이언트 ..

AWS

AWS - S3 이미지 저장

1. AWS - S3 셋팅 => 로그인 후, 검색창에 S3검색 후, 맨 위에 보이는 S3를 선택한다. => 버킷 만들기 클릭! => 버킷 이름은 유니크하게 작명. => 액세스 설정 기본값을 풀고 아래 체크 이후, 다 건너뛰고 버전 만들기 클릭. 2. 버킷 정책 수정하기 => 보안을 위해 일반사람을 읽기만, 관리자는 수정, 삭제 기능까지 변경 => S3 > 버킷 > 권한 => 버킷 정책 편집 클릭. { "Version": "2012-10-17", "Statement": [ { "Sid": "1", "Effect": "Allow", "Principal": "*", "Action": "s3:GetObject", "Resource": "arn:aws:s3:::버킷명/*" }, { "Sid": "2", "Effe..

www.seok.com
's3' 태그의 글 목록