[Project] 별찍기

const [star, setStar] = useState('');

const rating = stars => {
  switch (Math.floor(stars)) {
    case 5:
      setStar('★ ★ ★ ★ ★');
      break;
    case 4:
      setStar('★ ★ ★ ★');
      break;
    case 3:
      setStar('★ ★ ★');
      break;
    case 2:
      setStar('★ ★');
      break;
    case 1:
      setStar('★');
      break;
    default:
      setStar('');
      break;
  }
};

• 별을 찍기 위해 만든 코드이다.
• 컴포넌트를 만들어, 부모로부터 받은 props를 이용하여 값을 확인후 swich문을 통해 별을 찍는다
• 내림으로 처리하기 위해 Math.floor()함수를 사용하였다.
• 부모에서 주었던 star라는 값이 swich문 안과 일치할 경우, star값을 case에 할당하는 것을 주고 break로 빠져나간다

  내림이 아니라 소수점까지 이용한 경우를 더 만들면 좋았다는 생각이 들었다.