# Image Upload

[NestJS] File-upload & Use of Interceptor (feat. nest를 바라보는 시각..)
이번 포스팅에선 "nest에서 이미지(혹은 파일)를 업로드 시키는 방법"에 대해 간단히 알아보고자 하며, 구현하는데 있어 부딪히게 되었던 몇가지 상황들을 함께 언급해보고 코드를 개선해보고자 한다.기록용으로나, 정보 공유용으로나 의미있지 않을까 싶어 간단히 작성해보고자
Image upload Process
클라이언트에서 파일업로드 api를 이용해 파일을 버킷에 올리면, url이 담긴 배열을 응답받는다. 이미지 파일 자체를 저장하기 위해서 gcp의 클라우드 스토리지를 사용한다. AWS에서는 주로 S3라는 클라우드를 사용한다. 이미지 업로드의 프로세스는 다음과 같다.내 컴퓨

[Laravel 9] 라라벨 이미지 업로드 (Dropzone)
라라벨로 이미지를 한번에 여러개 업로드 하는 방법입니다.velog로 글을 마이그레이션할 자신이 없어.. 이렇게나마 링크로 공유해드립니다.1장 바로가기2개로 나눠져있습니다.Laravel9 이미지 업로드 (with Dropzone) 1부 : Setting & Create

7/9 14일차
props.. 다들 잘 하는 props 나만 이해하기 어렵다..오늘도 props를 이해하기 위해 연습해 봤다.props를 사용해보기 위해 컴포넌트를 하나 만들었다.const One, const Two 두 개의 컴포넌트를 만들고 export를 시도했는데 ..둘 다 exp

코드캠프 FE 31일차 - TIL(FileReader,Promise.all,LazyLoad/PreLoad)
📔 학습목표 기존 업로드 방식은 비효율적이야 >> FileReader Async-await for문에서 쓰면 안된다고? >> Promise.all 내가 원할 때 이미지 불러오기 >> LazyLoad/PreLoad 업로드파일 프로세스 브라우저에서 플러스 이미지를

Image 업로드(+Jpa, TestCode)
게시판 기능에 이미지 업로드 기능을 추가하기 위해 연습내가 생각한 요구 사항 : 여러 이미지를 올릴 수 있어야 함 데이터 저장을 위해 Jpa를 사용 이미지 저장은 서버에 저장하고, 후에 AWS S3로 변경 예정 ( 최소한의 변경 고려)테스트 코드가 있었으면 좋겠음처음에
이미지 업로드
DB에는 이미지를 다운 받을 수 있는 주소를 넣고 다른 용량 큰 컴퓨터에 이미지를 저장해둠 => Cloud Provider - AWS, GCP, Azure 등 컴퓨터 이름은 Storage, Storage 서비스라고도 함 파일선택가능 브라우져에서 파일 선택하면 백엔드로 보내고(uploadFile), 백엔드는 스토리지로 파일 보냄. 스토리지에서는 파일 다운...