CANVAS

React로 만든 화면에서 파일을 업로드하는 기능을 만들고 QA로부터 업로드에 걸리는 시간을 줄일 수 없냐는 피드백을 받았습니다. 업로드 해야하는 파일은 여러 이미지 파일들을 압축한 파일 하나인데 이미 압축된 상태이므로 더이상 효과적으로 파일 용량을 줄일 수는 없다고 생각했습니다. 하지만 업로드된 이미지가 어떻게 쓰이는지 살펴보니 파일 용량를 줄일 수 있는 실마리를 발견할 수 있었습니다. 바로 실제로 보여지는 이미지 크기였습니다. 썸네일 수준의 작고 동일한 크기로 이미지를 보여주기 때문에 업로드 전 이미지 크기를 그에 맞게 줄인다면 용량과 함께 업로드에 걸리는 시간이 줄어들 것이라 판단했습니다. 그래서 이미지 크기를 줄이는 작업을 시도해 보았고 결과적으로 업로드에 걸리는 시간을 눈에 띄게 줄일 수 있었습니다....