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

이번 포스팅에서는 라디오 버튼(Radio Button)을 통해 사용자의 선택을 받을 수 있는 React 컴포넌트를 작성하는 방법에 대해서 알아보겠습니다. React에서 양식 UI를 구현할 때 많이 사용되는 패턴인 비제어 컴포넌트와 제어 컴포넌트로 모두 구현해보고, 효과적인 상태 관리를 위해 어떻게 컨텍스트(Context)를 활용할 수 있는지 실습을 통해 배워볼까요? 📝 포스팅: https://www.daleseo.com/react-radio-buttons/ 🧑‍💻 실습 코드: https://codesandbox.io/s/react-radio-buttons-pnnkvl • Radio 컴포넌트 작성 • RadioGroup 컴포넌트 작성 • 비제어 컴포넌트로 활용 • RadioContext 추가 • RadioGroup 컴포넌트 수정 • Radio 컴포넌트 수정 • 제어 컴포넌트로 활용 HTML과 CSS만으로 라디오 버튼을 사용하는 방법은 아래 게시물을 참고 바랍니다. 📙 CSS 라디오 버튼 스타일링 가이드: https://careerly.co.kr/comments/85939 React 컴포넌트를 스타일하는 다양한 방법이 궁금하시다면 아래 게시물을 참고 바랍니다. 📕 React 컴포넌트 CSS 스타일링 기본: https://careerly.co.kr/comments/86222 📗 Styled Components로 React 컴포넌트 스타일하기: https://careerly.co.kr/comments/86823 📘 Emotion으로 React 컴포넌트 스타일하기: https://careerly.co.kr/comments/88931 React로 양식 UI를 구현하는 기본적인 방법이 궁금하시다면 아래 게시물을 참고 바랍니다. 📓 React로 양식(form) UI 구현하기: https://careerly.co.kr/comments/86324 📔 React Hook Form 라이브러리 사용법: https://careerly.co.kr/comments/87155