Hengxi's 개발 블로그

이번에는 이미지 크롭 기능을 구현해보았다. 여러 라이브러리가 있겠지만, 사용하기 쉽고 간단한 react-easy-crop이라는 라이브러리를 사용했다. 라이브러리 사용보다는 스타일을 커스텀하는 게 더 어려웠던 듯...ㅎ react-easy-crop 공식 github https://github.com/ricardo-ch/react-easy-crop 기본 예제 코드들을 볼 수 있어 많은 도움이 되었다. 완성된 영상부터 올려보았다. 일단 기본적인 설치부터 하자 yarn add react-easy-crop or npm install react-easy-crop --save image crop 컴포넌트 만들어주기 //imageCropper.js import React, { useCallback, useState }..