/image-crop-playground

이미지를 잘라서 서버로 보내보는 Playground

Primary LanguageTypeScript

image-crop-playground

이미지 자르기 기능 Playground 입니다.
이미지를 정해진 비율(ex. 4/3)로 자를 수 있습니다.

서버로 보내기: 선택한 영역을 이미지 파일로 변환하여 서버로 전송합니다.
다운로드 하기: 선택한 영역을 이미지 파일로 변환하여 다운로드합니다.

이미지 자르기

리액트 앱 실행

cd client
npm install
npm run dev

Express 서버 실행

cd server
npm install
npm run dev

참고 자료

https://codesandbox.io/s/react-image-crop-demo-with-react-hooks-y831o
https://github.com/OneLightWebDev/react-image-cropper