사용할 라이브러리 기본 개념 정리

react-avatar-editor

프로필 이미지를 수정할 때 사용.

npm: react-avatar-editornpm

설치 방법

npm install --save react-avatar-editor

사용 방법

import AvatarEditor from 'react-avatar-editor'

<AvatarEditor 
    ref={avatarEditorRef}
    image={previewImage}
    width={120}
    height={120}
    border={50}
    scale={2}
    rotate={0}
    style={{ display: 'inline' }}
/>

메소드 정리 및 개념

1.blob 객체란?

파일류의 불변하는 미가공 data로 text, 이진데이터로 읽을 수 있다.

2.HTMLCanvasElement: toBlob()

blob객체를 생성한다.