
Next.js에서 파일을 업로드할 때, 기본적으로 요청 크기 제한이 1MB로 설정되어 있어 대용량 파일을 업로드하면 문제가 발생할 수 있습니다. 저도 AWS S3에 이미지를 업로드하는 과정에서 'Body exceeded 1MB limit' 오류를 만났는데요. 🤯 이 문제를 해결하는 방법은 여러 가지가 있습니다. 저는 1) Next.js의 API 요청 크기 제한을 늘리는 방법과 2) Presigned URL을 활용해 S3에 직접 업로드하는 방법을 시도해봤습니다. 각각의 방법을 비교하고, 최종적으로 어떤 방식을 선택했는지 공유해보겠습니다! 🚀 해결방법 1 Nextjs는 기본적으로 !MB의 요청 크기 제한을 가지고 있는데요. 이를 늘리려면 bodyParser 설정을 변경해주면 됩니다. 기존 코드에서 e..

AWS S3에 이미지를 업로드할 때 사용하는 패키지 종류가 2개가 있어서 비교해봤는데요. @aws-sdk/client-s3와 @aws-sdk는 모두 AWS SDK를 사용하는 패키지이지만, 사용하는 방식과 포함된 기능이 달랐습니다. @aws-sdk/client-s3와 @aws-sdk의 차이 패키지목적특징@aws-sdk/client-s3S3 전용 클라이언트S3 객체 업로드, 삭제 등 S3 관련 기능만 포함@aws-sdkAWS SDK v3의 상위 모듈S3뿐만 아니라 DynamoDB, Lambda 등 다양한 AWS 서비스 지원 aws-sdk/client-s3 설치 저는 S3에 대한 기능만 사용할거라서 @aws-sdk/client-s3를 설치하기로 했습니다. @aws-sdk/client-s3AWS SDK fo..

저번 글에서 1년만에 프로젝트를 AWS의 EC2와 RDS를 이용해서 배포했는데요. 복구하고보니 이미지를 업로드하거나 불러올 때 Cloudflare를 사용했었는데 지금은 요금을 따로 내고있지 않아서인지 속도가 느렸고, 업로드도 되지 않았습니다. Cloudflare 이미지 업로드, 비용 문제가 생기다 Cloudflare가 얼마일까 알아봤습니다. 매달 5달러 정도면 충분히 이용할 수 있지만 AWS 프리티어 기간이기 때문에 AWS의 S3, CloudFront로 비용 절감을 하면서 기능을 살려볼까 합니다. 그리고 추후 비디오 기능도 넣을 수도 있는데, Cloudflare에서는 비디오 요금제에서도 5달러를 따로 결제해야 하는 부분에서도 별로라고 생각했습니다. AWS 프리티어로 대체할 수 있을까?Amazon S3 (..

예전에 진행했던 포트폴리오 사이트 프로젝트를 이어가려 하는데, 오랜만에 'coDDink' 프로젝트를 다시 살펴봤습니다. 1년 동안 방치된 프로젝트였지만, 다시 살려보고 싶어졌어요. 프로젝트를 다시 살리려고 보니 첫 번째 난관에 부딪혔습니다. 기존에 사용하던 PlanetScale이 2024년 4월부터 Hobby 플랜을 중단했다는 소식이었죠. 무료로 사용할 수 있었던 서비스가 이제는 유료로만 이용 가능하다니, 학생이나 취준생의 입장에서는 꽤나 부담스러운 변화였습니다. Hobby tier deprecation - FAQ — PlanetScaleLearn how to use PlanetScale to power your application.planetscale.com 고민 끝에 AWS 프리티어를 활용해..
- Total
- Today
- Yesterday
- 윤성우 열혈C프로그래밍
- electron
- 스토리 북
- CLASS
- C언어
- 프리온보딩
- TopLayer
- error
- jest
- javascript
- nodejs
- 초보
- NextRequest
- 위코드
- 우아한테크코스
- 노마드코더
- nextjs
- 아차산
- 원티드
- 북클럽
- WSL2
- import/order
- Storybook
- 노개북
- 프론트앤드
- env
- createPortal
- NextApiRequest
- React
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |