최근에 서버의 부하를 줄이기 위해 무거운 작업을 브라우저단에서 진행하면 어떨까 라는 의문이 들었다.
그리하여 대략 10MB의 Json 데이터를 기반으로 엑셀파일을 생성하는 작업을 화면단에서 진행해 보았다.
예상대로 해당작업을 브라우저단에 실행하면 스레드에 부하가 걸려 화면이 잠깐 버벅이는 현상을 확인 할 수 있었다.
어떻게 하면 해당 버벅임을 없앨까 하는 고민을 하던 와중에 브라우저에서 제공하는 웹 워커를 이용해보기 결심했다.
웹 워커는 브라우저에서 제공하는 기능으로 자바스크립트에서 추가 스레드 역할을 한다고 생각하면 된다.
나는 이 웹워커를 이용해서 엑셀파일을 만드는 작업을 메인 스레드가 아닌 웹워커 스레드를 이용하여 작업하였다.
그리하니 더 이상 화면의 버벅임은 없었다.
다음에도 유사한 상황이 생길 시 웹워커를 이용하여 부하가 많이 걸리는 작업을 처리해야겠다.
'끄적끄적' 카테고리의 다른 글
과제전형 준비하기 ( 지속적인 업데이트 예정 ) (2) | 2024.09.20 |
---|---|
프로그래머스 PCCP [JS] 시험 후기 (0) | 2024.07.21 |
위지윅 라이브러리를 이용해서 사진이 첨부 가능한 에디터 UI를 만들어 봤던 경험기 (0) | 2024.06.08 |
AJAX, XHR, Fetch, Axios 간단 정리 (0) | 2023.11.28 |
http request 의 content-type이해하기 (0) | 2023.11.28 |