React에서 체크박스 사용하기
www.youtube.com
웹에서 체크박스는 사용자로부터 어떤 동의를 받거나 하나 이상의 옵션을 선택받기 위해 사용되는데요. 양식(form)이나 설문(survey)과 같은 UI를 구현할 때 빠질 수 없는 핵심적인 요소입니다.
이번 포스팅에서는 체크박스(checkbox)를 사용하여 사용자와 다양하게 상호작용을 할 수 있는 React 컴포넌트를 작성해보도록 하겠습니다.
📺 동영상: https://youtu.be/w7gIFDw0Hoc
📝 포스팅: https://www.daleseo.com/react-checkboxes/
🧑💻 실습코드: https://codesandbox.io/p/sandbox/react-checkboxes-lqe8cs
React에서 라디오 버튼을 사용하는 방법은 아래 게시물을 참고 바랍니다.
📙 React에서 라디오 버튼 사용하기 🚥: https://careerly.co.kr/comments/100504
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
다음 내용이 궁금하다면?
이미 회원이신가요?
2024년 3월 11일 오후 8:15