search

ZZIPSA / kkuk-kkuk-fe

스탬프랠리 웹앱 '꾹꾹'의 프론트엔드 리포지토리
https://kkuk-kkuk-fe.vercel.app
0 stars 1 forks source link

Kit 업로드 API 구현 #33

Closed mdgarden closed 5 months ago

mdgarden commented 5 months ago

Kit 를 생성하고 이미지 파일을 업로드하는 API를 구현합니다. 상세 내용은 작업 착수 시 재작성할 예정입니다.

mdgarden commented 5 months ago

S3 Presigned URL을 이용하는 방법(확인중)?

  1. 클라이언트에서 사용자가 이미지를 업로드하면, 파일 이름을 포함한 배열을 POST /api/s3/presign 엔드포인트로 요청합니다.
  2. 서버는 S3 Presigned URL을 생성하여 클라이언트에 반환합니다.
  3. 클라이언트는 반환된 Presigned URL을 사용하여 이미지를 S3에 업로드합니다.
  4. 이미지를 업로드한 후, 클라이언트는 블로그 포스트 생성 폼과 함께 이미지 URL 배열을 POST /api/posts/create 엔드포인트로 전송합니다.
  5. 서버는 블로그 포스트와 이미지를 데이터베이스에 저장합니다.(*이미지의 URL을 저장한다는 뜻인듯)

참고 https://velog.io/@jaegeunsong_1997/NestJS-%EC%84%A0-%EC%97%85%EB%A1%9C%EB%93%9C https://www.adamrichardson.dev/blog/next-js-image-upload-s3 https://ghdwlsgur.github.io/docs/AWS-Architecture/S3PresignedURL