1. RatingStar

RatingStar 컴포넌트는 별 모양의 평가 UI로, 사용자가 클릭하여 별점을 매길 수 있습니다. 평가 점수를 변경할 때마다 콜백 함수로 전달됩니다.

1.1. Import

import RatingStar from './components/RatingStar';

기본 사용 예제는 아래와 같습니다:

import RatingStar from './components/RatingStar';

function Example() {
  return <RatingStar />;
}

export default Example;

RatingStar 컴포넌트는 아래와 같은 Props를 가집니다:

Prop	Description	Type	Default
`stars`	별의 개수를 지정합니다.	`number`	`5`
`onRatingChange`	평가 점수가 변경될 때 호출되는 함수입니다.	`(rating: number) => void`	`undefined`

RatingNumSlider 컴포넌트는 슬라이더를 사용하여 사용자가 점수를 선택할 수 있는 UI 요소입니다.

import RatingNumSlider from './components/RatingNumSlider';

기본 사용 예제는 아래와 같습니다:

import RatingNumSlider from './components/RatingNumSlider';

function Example() {
  return <RatingNumSlider />;
}

export default Example;

RatingNumSlider 컴포넌트는 아래와 같은 Props를 가집니다:

Prop	Description	Type	Default
`min`	슬라이더의 최소값을 설정합니다.	`number`	`1`
`max`	슬라이더의 최대값을 설정합니다.	`number`	`10`
`step`	슬라이더의 단계를 설정합니다.	`number`	`1`
`onRatingChange`	점수가 변경될 때 호출되는 함수입니다.	`(rating: number) => void`	`undefined`

RatingFeel 컴포넌트는 다양한 감정을 나타내는 이모지를 사용하여 감정을 선택할 수 있는 UI 요소입니다.

import RatingFeel from './components/RatingFeel';

기본 사용 예제는 아래와 같습니다:

import RatingFeel from './components/RatingFeel';

function Example() {
  return <RatingFeel />;
}

export default Example;

RatingFeel 컴포넌트는 아래와 같은 Props를 가집니다:

Prop	Description	Type	Default
`onRatingChange`	감정 점수가 변경될 때 호출되는 함수입니다.	`(rating: number) => void`	`undefined`