여러가지 커스텀 양식 요소 만들기

checkbox, select 등 form에서 자주 사용되는 요소들은 엘리먼트에 부여된 기본 스타일을 서비스의 디자인에 따라 커스텀 해야 하는 경우가 잦다. 원하는 디자인을 반영하면서도 키보드 조작 용이성, 접근성 등을 본래 성질과 같은 수준 혹은 유사한 수준으로 가질 수 있도록 작성해본다.

• 현재 실무에서 주로 사용 중인 툴 React와 CSS-in-JS를 사용한다.
• 여러 브라우저에서 테스트할 수 있도록 Netlify로 배포한다.