Feature/2/커스텀 라디오 버튼

[leeminhee119]

라디오 버튼 컴포넌트

---

🏄🏼‍♂️‍ Summary (요약)

• 커스텀 라디오버튼 컴포넌트 작성

🫨 Describe your Change (변경사항)

• ListItemCard: 라디오버튼 형태가 라디오버튼 뿐만 아니라 아래와 같은 경우들에도 쓰일 것 같아 공통 컴포넌트로 빼두었습니다. 이 경우에도 카드라고 칭하는게 적합한지 모르겠는데 더 좋은 이름 있으면 추천해주세요..!

• 라디오 버튼: 아래와 같이 작성하면 영상과 같이 작동합니다.

  const [selectedValue, setSelectedValue] = useState<string>();
  
  return (
    <RadioButtonGroup radioName={"프로젝트 주기"} selectedValue={selectedValue} onChange={setSelectedValue}>
      <Radio value={"0"}>주 1회</Radio>
      <Radio value={"1"}>월 1회</Radio>
      <Radio value={"2"}>분기별</Radio>
      <Radio value={"3"}>프로젝트 끝난 후</Radio>
    </RadioButtonGroup>
  );

https://github.com/depromeet/layer/assets/91667853/a46e007a-5e0a-4d79-882f-cb95c050752c

🧐 Issue number and link (참고)

• 11

• 커밋메시지에 이슈 번호를 #2로 잘못 적었네요.. 몇개 깜빡하고 누락도 됐어요 죄송합니다아

• 원래는 라디오 버튼에 국한되지 않고 props로 다중 선택이 가능하도록 지정하면 다중 선택도 가능하도록 개발하고 싶었는데, PR이 늦어질 것 같아 우선 라디오버튼이라도 올립니다!

  • 사실 이렇게 개발하면 checkbox겸 radio의 기능을 동시에 하는 컴포넌트가 되는 건데, 이렇게 겸용으로 쓸 수 있게 개발하는 게 나을지, 아니면 각각의 컴포넌트로 개발하는 게 나을지 고민이긴 합니다. 어떻게 생각하시는지 궁금해요!

• 변수/함수명, 로직, 구조 등등 피드백 많이 많이 해주세요!! 🙇‍♀️

  📚 Reference (참조)

• React에서 라디오버튼 사용하기

[klmhyeonwoo]

LGTM ✨