이미지 업로드 프로세스

이미지 업로드 프로세스 

이미지의 경우 데이터를 다룰 때, 타 데이터를 DB에 저장하는 방식과 다른 방식을 사용한다.

그 이유는 이미지 자체가 갖는 용량이 상대적으로 매우 크기에 DB 저장에 비효율적이기 때문이다.

 

따라서, 실제 이미지는 다른 컴퓨터 || storage 에 저장하고, 

DB에는 이미지가 갖는 이미지 주소만을 저장한 뒤에 필요할 때 주소를 참조하여 사용한다.

 

과정은 다음과 같다.

 

프론트엔드 브라우저에서 사용자가 이미지를 저장하기 위한 파일 태그를 생성한다. **(input type='file'/>)

업로드 요청 API를 받은 백엔드는 해당 이미지를 스토리지에, 이미지 주소를 DB에 각각 저장한다.

 

이후, 이미지 열람을 원하는 경우가 생긴다면,  위와 같은 방식으로 열람 또한 진행된다.

프론트엔드에서 업로드 요청을 하면 백엔드에서는 해당 이미지 주소를 참조하여, 프론트엔드에 이미지를 보여주게 된다.