프론트에서 이미지 1:1 ratio로 크롭하고 resize한다음 api 보내기

리사이즈만 하면 쉬움 browser-image-compression 라이브러리 그냥 쓰면됨
근데 크롭이 끼니까 약간 댁알이가 아픔
그냥 짧은 길이 기준으로 1:1로 막 자르면 되는데...
왜 다 canvas로 이리저리해서 크롭해야하는건지....
일단 그냥 넣는다
https://codesandbox.io/s/y831o?file=/src/canvasPreview.ts
https://codesandbox.io/s/9ccg6