progressbar 기능 구현할 때 서버에서 클라이언트로 진행률을 보내는 방법

Question

지금 프론트는 리액트, 백엔드는 자바를 사용하고 있습니다.
엑셀 파일을 업로드할 때 프로그레스바를 사용하려고 하는데요, 진행률을 서버에서 클라이언트로 어떻게 보내야 할까요?? 파일 업로드는 백엔드에서 하는 건데 프론트에서 퍼센트 파악이 가능한가요?? 혹시 어떻게 검색해 보면 좋을까요 ㅠㅠ

이승로 · Answer

통신 라이브러리를 어떤 것을 사용하시는 지 정확히는 모르지만, 대부분 progress와 관련하여 기능을 제공합니다.

axios의 경우에는 config 객체 내에 onUploadProgress 라는 메소드를 제공합니다.

https://axios-http.com/kr/docs/req_config

위 문서를 살펴보시면 config 내에 onUploadProgress 메소드가 존재하는 것을 알 수 있습니다!