- Next.js는 기본적으로 1MB의 body size 제한이 있어 파일 업로드 시 문제가 발생할 수 있다. 💥
- 클라이언트 측 업로드는 보안에 취약하므로 서버 측에서 생성된 pre-signed URL을 사용해야 한다. 🛡️
- React Dropzone은 커스텀 드래그 앤 드롭 영역을 만들 수 있는 React hook을 제공한다. 🪝
- 파일 유효성 검사를 통해 업로드 가능한 파일의 종류, 크기, 개수를 제한할 수 있다. ✅
- 파일 업로드를 서버를 통해 진행할 경우, Vercel의 서버리스 환경 제한으로 인해 4.5MB 이상의 파일 업로드가 불가능하다. 🚫