📒 목차

• 📌 이미지 업로드 프로세스

📌 이미지 업로드 프로세스

이미지 업로드 프로세스에 대해 알아보기 전에, 해당 프로세스는 회사, 성능의 중요도 등에 따라 전체적인 구조는 다를 수 있다.

따라서, 가장 기본적인 방식에 대해서 알아보도록 하자!!

전체적인 프로세스에 대해 보자면, 아래와 같다.

1. 브라우저에 사용자가 업로드할 이미지 파일을 선택한다.

2. 브라우저에서 선택된 파일을 변수에 저장한다.
   여기서 변수에 담긴 내용을 파일 객체라고 하며 파일 사이즈 와 같은 파일에 대한 정보를 담고 있다.

3. 브라우저에서는 파일 객체를 백엔드 서버에 업로드 요청을 한다.
   따라서, 백엔드 서버에서는 파일 업로드 API를 제작해 놓아야 한다.

4. 백엔드 서버에서는 API를 통해 받은 파일을 DB에 저장 시 BLOB타입으로 저장하게 된다.
   하지만 파일은 큰 용량을 차지하기 때문에 모든 파일을 DB에 저장하는 것은 비효율적이다.

이미지 파일은 용량이 큰데, 그렇다면 어디에 저장해야 할까??

정답은 Storage Service이다.

Storage Service를 제공하는 대표적인 회사로 AGS, GCP, Azure가 있으며, 이러한 회사를 Cloud Provider라 한다.

위의 회사들은 해당 회사에 비용을 지불하면 용량이 큰 파일을 무제한으로 저장할 수 있는 Cloud Storage Service를 이용할 수 있다.

이제 이미지 파일이 Storage에 저장 되는 프로세스에 대해 알아보자!!

1. 브라우저에서 파일 첨부 후 파일 업로드 API를 요청하면 Storage에 파일을 저장한다.

2. Storage에서는 파일을 저장한 결과로 사진을 다운로드 할 수 있는 주소를 반환한다.

3. 백엔드에서는 반환된 주소를 브라우저로 보내주게 된다.

4. 브라우저에서 게시글을 작성하게되면 title, content, 업로드한 파일의 URL를 포함해서 게시물 등록 API를 요청한다.

5. 요청된 API를 통해 DB에 저장이 되며 테이블구조에 따라 게시글 테이블에 함께 저장되거나
   이미지는 이미지테이블에 따로 저장되는 구조를 가지게 된다.

---

📌 참조

https://codebootcamp.co.kr/