Tempo Di Valse

UI 를 만들다 보면, 디자이너가 그려주는 UI 에서는 시스템에서 제공해주는 UI 와는 많이 다른 신기하게 생긴 컴포넌트들이 많이 보이곤 한다. 게다가 기능이 이미 코어에도 존재하는 것들, 계열의 checkbox 나 radio, 의 경우에는 기능은 유지하되, 겉의 모습만 바뀌는 것을 많이 볼 수 있다. 하지만 레이어 같은 아이들이 아니라서 새로 스타일을 정의하기에는 많은 어려움을 가지고 있다. 그래서 이런 것들은 웬만하면 크게 커스터마이즈하여 디자인을 맞추곤 하는데, 이번 포스팅은 그 중에서 커스터마이즈 하기가 쉬운 Checkbox 를 Vue.js 를 통해서 만져보도록 하겠다. 먼저 일반적인 체크박스 의 구조를 보게 되면, HTML 삽입 미리보기할 수 없는 소스 2가지 타입의 체크박스를 볼 수 있다. 해..