본문 바로가기

multer
2

[NestJS] 파일 업로드 (선 업로드 방식) 선 업로드 방식이란이미지를 선택할때마다 이미지는 먼저 업로드된다.업로드된 이미지들은 '임시' 폴더에 잠시 저장해둔다. (/public/temp)이미지 업로드를 한 후 응답받은 이미지의 경로만 저장해둔 후 포스트를 업로드할 때 이미지의 경로만 추가해준다.POST /posts 엔드포인트에 이미지 경로를 함께 보낼 경우 해당 이미지를 임시폴더(/public/temp)에서 포스트폴더(/public/posts)로 이동시킨다.PostsModel의 image 필드에 경로를 추가해준다.S3 presigned url을 사용하면 많이 사용되는 방식이다. 기존 방식신규 방식(선 업로드)체감 속도모든 이미지가 업로드되는 시간을 사용자가 처음부터 끝까지 느껴야하므로 사용자는 서비스가 느리다고 생각하게 된다.이미지를 선택하는 순.. 2025. 3. 7.
[NestJS] 파일 업로드 (클래식 방식) 패키지 설치yarn add multer @types/multer uuid @types/uuidnpm i multer @types/multer uuid @types/uuid파일 및 폴더 경로 정리path.const.ts 파일 생성import { join } from "path";// 서버 프로젝트의 루트 폴더export const PROJECT_ROOT_PATH = process.cwd();// 외부에서 접근 가능한 파일들을 모아둔 폴더 이름export const PUBLIC_FOLDER_NAME = 'public';// 포스트 이미지들을 저장할 폴더 이름export const POSTS_FOLDER_NAME = 'posts';// 실제 공개폴더의 절대경로// /{프로젝트의 위치}/publicexport .. 2025. 3. 7.

최근댓글

최근글

skin by © 2024 ttuttak

티스토리툴바