s3 + it dev nextjs s3 purl Next.js + TS | AWS S3 이미지 업로드 API 구현하기 (+ AWS S3 버킷 생성, route 작성하기)인턴하면서 AWS S3을 통해 이미지를 저장하고 pre-signed URL을 프로젝트에서 사용했던 경험을 계기로, Next.js 개인 프로젝트에서 직접 AWS S3 Bucket을 생성해서 저장해 사용해 보기로 했다. AWS S3 버킷 만들기 1. AWS S3 버킷 wono | discuss | tweet + it dev nextjs s3 purl Upload a file to AWS S3 in Next.js using Presigned URL with AWS SDK v3Amazon S3 is a cloud-based object storage service provided by Amazon Web Services (AWS). It offers secure, durable, and highly scalable storage for storing and retrieving any amount of data over the… wono | discuss | tweet + it ops aws s3 purl [AWS] 📚 S3 Pre-signed URL 공유하기S3 Pre-signed URL 공유 만일 이용자들이 S3 버킷에 public에서 접근해서 object를 다운받거나 업로드 하게 설정해야 하는 경우, 보통 두가지 방법이 있다. 1. 모든 파일을 퍼블릭으로 만들기 장점 : 별도의 관리가 필요없음 단점 : 아무나 파일 다운로드 가능 (보안 문제) 2. IAM 자격증명 공유 (Access Key Pair) 장점 : 지정한 사람만 공유 가능 단점 : 자격증명 유출/변경 시 공유자 모두에게 다시 부여 필요하고 관리 자체가 빡쌔다. 3. IAM 사용자 부여하기 (Role) 장점 : 지정한 사람만 공유 가능 단점 : IAM 사용자 숫자 제한 (5000개), 부여하는 과정과 유지보수의 어려움 이처럼, 버킷 자체를 public으로 열기엔 부담스럽고, 그렇다고 이용자에게.. wono | discuss | tweet + it ops node aws s3 06. AWS S3 이미지 가져오기 구현우리는 앞선 포스트를 통해 S3에 이미지를 저장하는 두 가지 방법에 대해 알아보았다. 이렇게 저장된 자원들은 REST API를 통해 접근할 수 있다. 따라서 아래와 같은 방식으로 요청하면 특정 버킷으로부터 이미지 파일을 가져올 수 있다.https://[버킷 이름].[리전 이름].amazonaws.com/[파일 이름] 그런데 이러한 주소를 직접 사용하는 것은 문제가 없을까? 이러한 주소를 직접 클라이언트에 건네준다는 것은 곧 내가 사용하고 있는 S3가 어느 리전에 위치해있는지, 버킷 이름은 무엇인지와 같은 정보가 무방비하게 노출되어버리고 만다는 의미가 된다. 따라서 이번에도 백엔드 서버가 S3와 클라이언트 사이를 중개해주어야 하는데, 나는 여기서 presigned URL을 사용하고 있다. pURL은 그저 .. wono | discuss | tweet + it ops aws s3 AWS S3 저장소 구축하기S3를 사용하는 이유 로컬에 파일을 저장해도 기능은 문제없는데, 왜 S3를 써야 할까? S3는 AWS 클라우드 서비스 중 저장소 역할을 하는 온라인 스토리지 서비스이다. 로컬에 파일을 저장하는 건 언젠가 용량에 한계가 올 것이고, 그때마다 추가적인 용량 확장 작업과 설정을 해줘야 하는 번거로움이 예정되어 있다. 클라우드 서비스인 S3를 활용하면 무제한에 가까운 저장을 할 수 있기 때문에 이런 문제에서 벗어날 수 있다. 그러면 EC2와 같은 클라우드 서버에도 저장이 가능하다고 생각할 수 있다. 생각한 것처럼 EC2와 같은 서버에도 파일을 저장할 수 있지만, 요금 측면이나 활용도 측면에서 S3를 활용하는 것이 훨씬 좋은 선택이다. S3 버킷 만들기 먼저 AWS S3를 활용하기 위해서는 AWS 계정이 필요하다.. wono | discuss | tweet + it ops aws s3 AWS S3 + CloudFront 배포개요1. AWS IAM 설정2. S3 생성 및 설정3. CloudFront 설정4. Github Action으로 CI / CD 구축 ✅ AWS IAM 설정📦 IAM(Identity and Access Management)이란?AWS리소스에 대한 엑세스를 안전하게 제어할 수 있는 웹 서비스로 AWS 계정을 최초로 생성할 때 만들어지는 루트 사용자는 모든 엑세스 권한을 가지기에 보안에 주의해서 사용해야하므로 IAM을 통해 리소스를 사용할 수 있는 인증 및 권한 부여된 대상을 제어한다.리소스에 대해 여러 사람에게 다양한 권한을 부여할 수 있다.사용자에게 직접 정책을 설정할 수도 있지만 그룹에 대해서도 부여할 수 있다. 📦 IAM 사용자 추가하기AWS > IAM > 사용자 생성 > 1 ~3단계 수행 > 생성.. wono | discuss | tweet + it ops aws s3 보안 위배 접근 제한 페이지 1 wono | discuss | tweet + it dev nextjs s3 presignedurl Next.js 에서의 대용량 파일 s3 업로드서버에 파일을 적재하지 않고 프론트엔드에서 다이렉트로 s3 버켓에 대용량 파일을 업로드 해봅시다 wono | discuss | tweet + it ops aws s3 [AWS] 📚 S3 개념 & 버킷 · 권한 설정 방법S3 (Simple Storage Service) 개념 AWS S3는 업계 최고의 확장성과 데이터 가용성 및 보안과 성능을 제공하는 온라인 오브젝트(객체) 스토리지 서비스이다. (참고로 S 앞글자가 3개라서 S3 이라고 한다.) 쉽게 말하자면, 스토리지 즉 구글 드라이브 처럼 파일 저장 서비스이며, 데이터를 온라인으로 오브젝트 형태로 저장하는 서비스라고 보면 된다. 앞에 온라인이라는 글자가 붙는 이유는 데이터 조작에 HTTP/HTTPS를 통한 API가 사용되기 때문이다. 또한 편리한 UI 인터페이스를 통해 어디서나 쉽게 데이터를 저장하고 불러올 수 있어 개발자가 쉽게 웹 규모 컴퓨팅 작업을 수행할 수 있도록 한다. S3는 저장하는 데이터 양에 대한 비용도 저렴하고, 저장할 수 있는 데이터 양이 무한에 가.. wono | discuss | tweet + it dev nextjs s3 Next.js 15에서 route api를 이용해 아마존 라이트세일 버킷(S3)에 이미지 올리기아마존 라이트세일의 S3 버킷 서비스를 활용한 이미지 업로드 구현 방법입니다. Next.js 15와 AWS SDK v3를 사용하여 라이트세일 버킷에 이미지를 업로드하고 URL을 반환하는 과정을 단계별로 정리했습니다. wono | discuss | tweet + it dev nextjs s3 Next.js Server Action: A Guide to Uploading Files to AWS S3In my previous tutorial I describe the details actually what is Server Actions, I build a contact form and send email using server actions. In that tutorial I use server action into a server… wono | discuss | tweet + it dev nextjs aws s3 Building a File Storage With Next.js, PostgreSQL, and Minio S3 – NextraIn this article, we will build a full-stack application using Next.js, PostgreSQL, and Minio S3. wono | discuss | tweet + it ref blog flutter aws s3 [Flutter] 클라이언트의 이미지 처리 전략 두가지 feat. AWS amplify, re-sizing이미지는 복잡한 정보를 간단하고 직관적으로 전달하며 시각적 몰입이 텍스트와 미디어에 비해 좋다는 장점이 있습니다. 또한 터치인터페이스로 작동되는 모바일에서는 이미지를 적극적으로 사용하고 있죠. 하지만 이미지는 텍스트보다 용량이 커서 전송이 상대적으로 오래걸리기때문에 좋은 사용자 경험을 위해 이미지 최적화는 필수적으로 진행되어야합니다. 이번에는 제가 이미지 최적화를 했던 방법에 대해 정리해보도록 하겠습니다. ✓ 이미지 저장을 위해 S3를 사용하는 이유 보통 서버의 메인 데이터베이스로 MySql과 같은 관계형 데이터베이스(RDB)를 사용하기때문에 모든 데이터를 이곳에 저장해야한다고 생각할 수 있습니다. 하지만 이미지 저장에 대해 구글링을 해보면 대부분 외부 서버, 그중에서도 클라우드에 저장할 것을 권장.. wono | discuss | tweet
+ it dev nextjs s3 purl Next.js + TS | AWS S3 이미지 업로드 API 구현하기 (+ AWS S3 버킷 생성, route 작성하기)인턴하면서 AWS S3을 통해 이미지를 저장하고 pre-signed URL을 프로젝트에서 사용했던 경험을 계기로, Next.js 개인 프로젝트에서 직접 AWS S3 Bucket을 생성해서 저장해 사용해 보기로 했다. AWS S3 버킷 만들기 1. AWS S3 버킷 wono | discuss | tweet
+ it dev nextjs s3 purl Upload a file to AWS S3 in Next.js using Presigned URL with AWS SDK v3Amazon S3 is a cloud-based object storage service provided by Amazon Web Services (AWS). It offers secure, durable, and highly scalable storage for storing and retrieving any amount of data over the… wono | discuss | tweet
+ it ops aws s3 purl [AWS] 📚 S3 Pre-signed URL 공유하기S3 Pre-signed URL 공유 만일 이용자들이 S3 버킷에 public에서 접근해서 object를 다운받거나 업로드 하게 설정해야 하는 경우, 보통 두가지 방법이 있다. 1. 모든 파일을 퍼블릭으로 만들기 장점 : 별도의 관리가 필요없음 단점 : 아무나 파일 다운로드 가능 (보안 문제) 2. IAM 자격증명 공유 (Access Key Pair) 장점 : 지정한 사람만 공유 가능 단점 : 자격증명 유출/변경 시 공유자 모두에게 다시 부여 필요하고 관리 자체가 빡쌔다. 3. IAM 사용자 부여하기 (Role) 장점 : 지정한 사람만 공유 가능 단점 : IAM 사용자 숫자 제한 (5000개), 부여하는 과정과 유지보수의 어려움 이처럼, 버킷 자체를 public으로 열기엔 부담스럽고, 그렇다고 이용자에게.. wono | discuss | tweet
+ it ops node aws s3 06. AWS S3 이미지 가져오기 구현우리는 앞선 포스트를 통해 S3에 이미지를 저장하는 두 가지 방법에 대해 알아보았다. 이렇게 저장된 자원들은 REST API를 통해 접근할 수 있다. 따라서 아래와 같은 방식으로 요청하면 특정 버킷으로부터 이미지 파일을 가져올 수 있다.https://[버킷 이름].[리전 이름].amazonaws.com/[파일 이름] 그런데 이러한 주소를 직접 사용하는 것은 문제가 없을까? 이러한 주소를 직접 클라이언트에 건네준다는 것은 곧 내가 사용하고 있는 S3가 어느 리전에 위치해있는지, 버킷 이름은 무엇인지와 같은 정보가 무방비하게 노출되어버리고 만다는 의미가 된다. 따라서 이번에도 백엔드 서버가 S3와 클라이언트 사이를 중개해주어야 하는데, 나는 여기서 presigned URL을 사용하고 있다. pURL은 그저 .. wono | discuss | tweet
+ it ops aws s3 AWS S3 저장소 구축하기S3를 사용하는 이유 로컬에 파일을 저장해도 기능은 문제없는데, 왜 S3를 써야 할까? S3는 AWS 클라우드 서비스 중 저장소 역할을 하는 온라인 스토리지 서비스이다. 로컬에 파일을 저장하는 건 언젠가 용량에 한계가 올 것이고, 그때마다 추가적인 용량 확장 작업과 설정을 해줘야 하는 번거로움이 예정되어 있다. 클라우드 서비스인 S3를 활용하면 무제한에 가까운 저장을 할 수 있기 때문에 이런 문제에서 벗어날 수 있다. 그러면 EC2와 같은 클라우드 서버에도 저장이 가능하다고 생각할 수 있다. 생각한 것처럼 EC2와 같은 서버에도 파일을 저장할 수 있지만, 요금 측면이나 활용도 측면에서 S3를 활용하는 것이 훨씬 좋은 선택이다. S3 버킷 만들기 먼저 AWS S3를 활용하기 위해서는 AWS 계정이 필요하다.. wono | discuss | tweet
+ it ops aws s3 AWS S3 + CloudFront 배포개요1. AWS IAM 설정2. S3 생성 및 설정3. CloudFront 설정4. Github Action으로 CI / CD 구축 ✅ AWS IAM 설정📦 IAM(Identity and Access Management)이란?AWS리소스에 대한 엑세스를 안전하게 제어할 수 있는 웹 서비스로 AWS 계정을 최초로 생성할 때 만들어지는 루트 사용자는 모든 엑세스 권한을 가지기에 보안에 주의해서 사용해야하므로 IAM을 통해 리소스를 사용할 수 있는 인증 및 권한 부여된 대상을 제어한다.리소스에 대해 여러 사람에게 다양한 권한을 부여할 수 있다.사용자에게 직접 정책을 설정할 수도 있지만 그룹에 대해서도 부여할 수 있다. 📦 IAM 사용자 추가하기AWS > IAM > 사용자 생성 > 1 ~3단계 수행 > 생성.. wono | discuss | tweet
+ it dev nextjs s3 presignedurl Next.js 에서의 대용량 파일 s3 업로드서버에 파일을 적재하지 않고 프론트엔드에서 다이렉트로 s3 버켓에 대용량 파일을 업로드 해봅시다 wono | discuss | tweet
+ it ops aws s3 [AWS] 📚 S3 개념 & 버킷 · 권한 설정 방법S3 (Simple Storage Service) 개념 AWS S3는 업계 최고의 확장성과 데이터 가용성 및 보안과 성능을 제공하는 온라인 오브젝트(객체) 스토리지 서비스이다. (참고로 S 앞글자가 3개라서 S3 이라고 한다.) 쉽게 말하자면, 스토리지 즉 구글 드라이브 처럼 파일 저장 서비스이며, 데이터를 온라인으로 오브젝트 형태로 저장하는 서비스라고 보면 된다. 앞에 온라인이라는 글자가 붙는 이유는 데이터 조작에 HTTP/HTTPS를 통한 API가 사용되기 때문이다. 또한 편리한 UI 인터페이스를 통해 어디서나 쉽게 데이터를 저장하고 불러올 수 있어 개발자가 쉽게 웹 규모 컴퓨팅 작업을 수행할 수 있도록 한다. S3는 저장하는 데이터 양에 대한 비용도 저렴하고, 저장할 수 있는 데이터 양이 무한에 가.. wono | discuss | tweet
+ it dev nextjs s3 Next.js 15에서 route api를 이용해 아마존 라이트세일 버킷(S3)에 이미지 올리기아마존 라이트세일의 S3 버킷 서비스를 활용한 이미지 업로드 구현 방법입니다. Next.js 15와 AWS SDK v3를 사용하여 라이트세일 버킷에 이미지를 업로드하고 URL을 반환하는 과정을 단계별로 정리했습니다. wono | discuss | tweet
+ it dev nextjs s3 Next.js Server Action: A Guide to Uploading Files to AWS S3In my previous tutorial I describe the details actually what is Server Actions, I build a contact form and send email using server actions. In that tutorial I use server action into a server… wono | discuss | tweet
+ it dev nextjs aws s3 Building a File Storage With Next.js, PostgreSQL, and Minio S3 – NextraIn this article, we will build a full-stack application using Next.js, PostgreSQL, and Minio S3. wono | discuss | tweet
+ it ref blog flutter aws s3 [Flutter] 클라이언트의 이미지 처리 전략 두가지 feat. AWS amplify, re-sizing이미지는 복잡한 정보를 간단하고 직관적으로 전달하며 시각적 몰입이 텍스트와 미디어에 비해 좋다는 장점이 있습니다. 또한 터치인터페이스로 작동되는 모바일에서는 이미지를 적극적으로 사용하고 있죠. 하지만 이미지는 텍스트보다 용량이 커서 전송이 상대적으로 오래걸리기때문에 좋은 사용자 경험을 위해 이미지 최적화는 필수적으로 진행되어야합니다. 이번에는 제가 이미지 최적화를 했던 방법에 대해 정리해보도록 하겠습니다. ✓ 이미지 저장을 위해 S3를 사용하는 이유 보통 서버의 메인 데이터베이스로 MySql과 같은 관계형 데이터베이스(RDB)를 사용하기때문에 모든 데이터를 이곳에 저장해야한다고 생각할 수 있습니다. 하지만 이미지 저장에 대해 구글링을 해보면 대부분 외부 서버, 그중에서도 클라우드에 저장할 것을 권장.. wono | discuss | tweet