"Cropper" 컴포넌트는 이미지를 자르고 편집하는 데 사용되며 다양한 속성을 제공합니다. 아래에 각 속성의 설명을 제공합니다:

1. ref: Ref 속성으로 Cropper 인스턴스에 직접 액세스할 수 있도록 도와줍니다.
2. style: 컴포넌트의 스타일을 설정할 수 있는 객체입니다. 위의 코드에서는 최대 높이를 700px로 제한하도록 설정되어 있습니다.
3. zoomTo: 초기 줌 레벨을 설정합니다. 1.0은 기본 크기, 0.5는 50% 축소를 의미합니다.
4. initialAspectRatio: 초기 자르기 박스의 가로 세로 비율을 설정합니다. 1은 정사각형, 2는 가로가 더 긴 직사각형을 의미합니다.
5. src: 편집할 이미지의 소스 URL을 설정합니다.
6. viewMode: 이미지를 표시하는 방법을 설정합니다. 다양한 모드(0, 1, 2, 3)가 있으며, 1은 자르기 박스를 자유롭게 이동할 수 있는 모드를 나타냅니다.
7. minCropBoxHeight 및 minCropBoxWidth: 최소 자르기 박스의 높이와 너비를 설정합니다. 이 속성을 사용하면 사용자가 너무 작게 자를 수 없게 할 수 있습니다.
8. background: 이미지 주변에 배경을 표시할지 여부를 설정합니다. **true**로 설정하면 이미지 주변에 회색 배경이 표시됩니다.
9. responsive: 브라우저 창 크기에 따라 Cropper가 반응형으로 동작할지 여부를 설정합니다. **true**로 설정하면 반응형 동작이 활성화됩니다.
10. autoCropArea: 자르기 박스가 차지하는 이미지 영역의 비율을 설정합니다. 1은 전체 이미지를 뜻하며, 0.5는 이미지의 반만 자르는 것을 의미합니다.
11. checkOrientation: 이미지의 회전 정보를 자동으로 감지하여 적용할지 여부를 설정합니다. **true**로 설정하면 이미지의 회전을 감지하여 올바른 방향으로 표시합니다.
12. guides: 자르기 박스 주변에 가이드 라인을 표시할지 여부를 설정합니다. **true**로 설정하면 가이드 라인이 표시됩니다.