# checkbox
상태 선택자
Q1)readonly속성은 활성화일까 ? 비활성화일까? ⚡정답은 활성화 상태! ⭐input:focus, input:checked, input:enabled ,input:disabled 결과
심화 학습 3
\-HTML 태그에 class 선택자를 부여할 수 있다.\-input 태그에 type 속성을 상황에 맞게 적용할 수 있다.\-웹페이지에 입력되어 있는 값을 CSS 속성값을 활용하여 디자인을 변경할 수 있다.\-(advanced) 검색을 통해 다양한 CSS 속성을 알아보
심화 학습 2
\-HTML 태그에 class 선택자를 부여할 수 있다.\-input 태그에 type 속성을 상황에 맞게 적용할 수 있다.\-웹페이지에 입력되어 있는 값을 CSS 속성값을 활용하여 디자인을 변경할 수 있다.\-(advanced) 검색을 통해 다양한 CSS 속성을 알아보
심화 학습 1
학습 목표 > -HTML 태그에 class 선택자를 부여할 수 있다. -input 태그에 type 속성을 상황에 맞게 적용할 수 있다. -웹페이지에 입력되어 있는 값을 CSS 속성값을 활용하여 디자인을 변경할 수 있다. -(advanced) 검색을 통해 다양한 CSS
[Vue.js] v-model 을 이용한 체크박스 컴포넌트 구현 -양방향 바인딩
v-model 을 이용해서 체크박스를 만들어보는 과제를 받았다. v-model 에 대한 개념을 잘 파악한 뒤, 우여곡절 끝에 체크박스를 구현하는데 성공했다. 그리고 여기서 그치지 않고 전체로 체크되는 체크박스도 한 번 구현해보았다.vue 에서는 부모에서 자식 컴포넌트로
[wil] React-hook-form / typescript : Props / 네이밍
오랜만에 wil을 쓰는 것 같다. 면접준비를 한다고 쓰고 얼마지나지 않아 정말 면접을 봤고, 합격 소식을 듣게 됐다. 그후 입사를 했고 아직은 부족하지만, 곧 1인분을 해내는 개발자가 되고 싶어서 매일매일 공부중이다. 회사 프로젝트의 일부분이라 예시를 조목조목 들순 없
[안드로이드, JAVA] RecyclerView Databinding 체크박스 클릭
TabFragment 하단에 RecyclerView를 넣어서 DataBinding으로 데이터들을 넣어주고, RecyclerView의 왼쪽부분에 checkbox가 있는 상황.그리고 이 전체 체크박스를 한꺼번에 클릭할 수 있는 전체클릭 버튼이 TabFragment에 위치함
체크 박스 - 멀티
체크 박스를 멀티로 사용해서, 하나 이상을 체크할 수 있도록 해보자등록 지역서울, 부산, 제주체크 박스로 다중 선택할 수 있다등록 폼, 상세화면, 수정 폼에서 모두 서울, 부산, 제주라는 체크 박스를 반복해서 보여주어야 한다. 이렇게 하려면 각각의 컨트롤러에서 mode
체크 박스 - 단일2
개발 시 매번 hidden field 를 작성하긴 상당히 번거롭다.타임리프가 제공하는 폼기을을 사용하면 이런 부분을 자동으로 처리할 수 있다.체크 박스의 기존 코드를 제거하고 타임리프가 제공하는 체크 박스 코드로 변경<input type="hidden" name=
체크 박스 - 단일1
resources/templates/form/addForm.html상품이 등록되는 곳에 다음과 같이 로그를 남겨서 값이 잘 넘어오는지 확인해보자FormItemController에 @Slf4j 어노테이션 추가체크 박스를 체크하면 HTML Form에서 open=on이라는
checkbox serialize() x , serializeArray() o
어김없이 찾아온 null ^^... Ajax 사용해서 form 값을 넘기려고 했는데, 자꾸 checkbox 값을 가져가지 못 해서 에러가 났다. 열심히 구글링 해보니 checkbox는 serialize()로는 값을 못 가져 간다고...(대체 왜?ㅠㅠ) > 그래서 checkbox 값은 따로 처리를 해줘야 한단다. serializeArray()로! 요런...
[html, js] input-체크박스 click 이벤트와 e.preventDefault()
input type="checkbox" 를 다루다 발견한 재밌는 사실 🕵️♀️
[C#] 레지스트리를 활용한 Setting 내 CheckBox 설정 저장 기능
간단한 프로그램을 만들 때,환경설정에 A모드와 B모드를 구분하고 싶을 때가 있다.일단 내 기준으론 최근에 게시한 CheckSum을 검증한 뒤 RS232 메시지를 전송하는 기능이 이에 해당한다.
[React]AntDesign 알아보기
여기서 아이콘을 찾아 볼 수 있다. https://ant.design/components/iconCameraOutlined.jsxdefaultkey는 처음 렌더링 됬을때 nav1,nav2,nav3 중에 어떤 것을 default로 보여줄 것인지에 대해 결정하는
[React]Onsen UI 라이브러리 알아보기(1)
OnsenUI를 설치해보자 OnsenUI 초기 환경 셋팅 onsenui를 사용하기위해선 html 파일에 아래와 같은 코드를 import 해야함 React 프로젝트일 경우에는 App.js에 추가해주면 됨 modifier modifier는 UI의 형태라고 볼 수