React Image Area Selector

이미지의 특정 영역을 드래그하여 선택하고 조작합니다.

프로젝트 진행 후기

목차

• 배포 주소
• 실행 방법
• NPM 설치 방법
• 사용 방법
  • Props
  • 예시

배포 주소

• Main Page
• Npm Module

실행 방법

1. 원격 저장소를 로컬 저장소로 복사합니다.

   $ git clone https://github.com/Pre-Onboarding-FE-Team07/wanted-codestates-project-7-5-2.git

2. 프로젝트 의존 모듈을 설치합니다.

   $ yarn

3. 개발 서버를 시작합니다.

   $ yarn start:dev

NPM 설치 방법

React, ReactDOM(>=17.0.0)을 필요로 합니다.

• npm

  $ npm i react-image-area-selector

• yarn

  $ yarn add react-image-area-selector

사용 방법

Props

• src: 이미지의 주소 (required)
• width: 이미지의 너비
• height: 이미지의 높이

예시

const source = '<image path>';

ReactDOM.render(
  <ImageAreaSelector src={source} width={500} />,
  document.getElementById('root'),
);