💅 style: 평점 컴포넌트에 반개 별 아이콘 추가 #15

src/components/rating/Rating.stories.tsx

@@ -26,23 +26,8 @@ export const FIVE: Story = {
     rating: 5,
   },
 };
-export const FOUR: Story = {
+export const FourPointFive: Story = {
   args: {
-    rating: 4,
-  },
-};
-export const THREE: Story = {
-  args: {
-    rating: 3,
-  },
-};
-export const TWO: Story = {
-  args: {
-    rating: 2,
-  },
-};
-export const ONE: Story = {
-  args: {
-    rating: 1,
+    rating: 4.5,
   },
 };

src/components/rating/Ratings.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from "react";
 
-import { StarIcon } from "../icons";
+import { HalfStarIcon, StarIcon } from "../icons";
 
 interface Props {
   rating: number;
@@ -22,14 +22,7 @@ const Ratings: FC<Props> = ({ rating }) => {
       );
     } else if (roundedRating >= i - 0.5) {
       // TODO: 반쪽 별로 아이콘 교체 필요
-      stars.push(
-        <StarIcon
-          key={i}
-          width="12px"
-          height="12px"
-          className="text-primary-02"
-        />,
-      );
+      stars.push(<HalfStarIcon key={i} width="12px" height="12px" />);
     } else {
       stars.push(
         <StarIcon