# checkbox

44개의 포스트
post-thumbnail

[Project] Pre-onboarding: Sir.Loin- 체크박스를 통한 카테고리 지정 / 드롭다운 메뉴

체크박스 선택을 통해 해당 상품에 카테고리를 지정할 수 있음'체크박스 지정 해제' 또는 카테고리 X버튼을 통해 카테고리 지정을 해제할 수 있음함수 안에 있으면 리렌더 될때마다 데이터가 불러와지는데, 상수데이터는 변하지 않는 데이터이므로 메모리 누수를 하면서 함수 안에

2022년 11월 7일
·
0개의 댓글
·
post-thumbnail

다중선택 체크박스 상태관리

어느 날 동료에게서 체크박스에 관한 질문을 받았다. 체크박스를 여러 개 선택한 후 선택된 값들을 어떻게 저장해야 할지 감이 오지 않는다는 것이었다.

2022년 11월 3일
·
0개의 댓글
·

[새싹 프론트엔드] checkbox와 radio

< form > 태그에는 아주 다양한 요소가 존재한다그 중 checkbox와 radio는 둘 다 체크를 할 수 있는 형태로 출력되는데이 둘의 차이점을 알아보자!\-  checkbox는 네모 형태로 출력된다\-  갯수 상관없이 여러항목을 선택할 수 있다 → 네모모양

2022년 10월 30일
·
0개의 댓글
·
post-thumbnail

[Vue] v-model을 이용한 select & checkbox & radio 데이터 바인딩

select 태그에 v-model 넣기option 변경될 때마다 selectedCity 변경selectedCity에 초기값 넣어주면 해당 값을 초기 화면에 출력input의 id와 label의 for 맞추기checked 된 value로 양방향 데이터 바인딩checkbox

2022년 10월 24일
·
0개의 댓글
·
post-thumbnail

checkbox 공통컴포넌트 만들기(1)

button 컴포넌트에 이어서 checkbox 컴포넌트도 만들어야 했다!그래서 처음에는 input태그에 checkbox 타입을 주어서 커스텀을 시도하였다!!하지만 결과는 실패.......구글링도 해보구 했지만 계속 실패하였다.....그래서 그냥 내가 직접 만들어 보기

2022년 10월 18일
·
0개의 댓글
·
post-thumbnail

[Nuxt.js] 체크박스 전체선택

기본구조스크립트 구조get 요청때 detailData에 infos에 isChecked를 넣어줌.watch로 detailData.infos 데이터 변화를 감지하여 every 를 통하여 모든 체크의 조건이 맞는지 확인하여 전체 선택 체크 확인setCheckedAll 함수

2022년 10월 18일
·
0개의 댓글
·
post-thumbnail

form tag raido,checkbox

설문조사에서 많이 봤던 타입일텐데, 선택할수있는 칸을 만드는것이다이렇게 선택할수있는 상자가 나온다 중복 선택이 아닌 하나만 선택하도록 하고싶다면이렇게 종류중에 하나만 입력할수 있도록 color 으로 묶을수있다이제 위의 사진처럼 만들어보겠다복수선택을 사용하고 싶을땐 ch

2022년 10월 12일
·
0개의 댓글
·

🔥우당탕탕 개발기 - checkbox

📌 미루고 미루던 체크박스로 다중 삭제 하기 🔅

2022년 10월 10일
·
0개의 댓글
·

[리액트를 다루는 기술] onToggle 함수를 이용하여 TodoList checkbox 관리

App.js에서 id와 일치하는 todo를 찾아 {...todo, checked: true} 변경일치하지 않는 todo는 그대로 두기

2022년 9월 8일
·
0개의 댓글
·
post-thumbnail

[Flutter] Checkbox 둥글게 하기

로그인 화면 구성시 스토리보드에서 자동로그인과, 아이디저장 앞 체크 박스를 둥글게 그렸다.플러터 코드에서 각각 체크박스에 저장할수 있는 변수를 선언하고자동로그인과 아이디 저장하는 위젯을 만들었다.그렇게 설정하고 에뮬레이터를 돌려보면 체크박스는 기본적으로 네모의 모양으로

2022년 9월 6일
·
0개의 댓글
·
post-thumbnail

[React.js] Radio, Checkbox 커스텀

2022년 6월부터 2022년 8월까지 진행된 심리상담 어플리케이션의 상담사/관리자가 사용할 대시보드 외주에서 React.js 프레임워크를 사용하며 새로 알게된 것들을 기록하기 위한 포스팅입니다.

2022년 8월 20일
·
0개의 댓글
·

[Vue] checkBox 최대 개수

checkbox 최대 갯수 지정하기 api 로부터 받아온 객체 형태인데, 상품 코드값으로 상품을 관리합니다. 서칭해본 자료에는 반복을 이용하여 index값을 활용하는데, 반복을 이용하기에는 한계가 있었습니다. 따라서 코드값을 담고있는 checked 배열을 만들어, 상

2022년 8월 9일
·
0개의 댓글
·

체크박스 기능 구현하기(2)

앞서 진행했던 체크박스기능 구현에서, 컴포넌트를 재활용하여 코드를 좀 더 보기좋게 만들어 보도록 하겠습니다.

2022년 7월 26일
·
0개의 댓글
·

체크박스 기능 구현해보기(1)

웹 페이지를 만들다 보면 체크박스 기능을 구현하는 경우가 생기게 됩니다.나 또한 프로젝트를 진행하면서 체크박스 때문에 애먹었었는데 당시 구현했던 방식을예를 들에 보겠습니다.일단 여러가지 방식이 많겠지만, React와 StyledComponent를 활용하여 진행하였습니다

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

체크박스(전체동의, 부분동의) 구현하기

체크박스는 진짜 쉬울 줄 알았는데, 구현하는데 반나절이 걸려버렸다...(나는 빠가사린가)먼저 구현한걸 보여드리면전체동의를 눌렀을때선택요소를 체크해제했을때 (전체동의 체크가 꺼짐)필수항목 체크하지 않고 다음버튼을 눌렀을때이렇게 구현까지 되는걸 확인했으니 코드를 봅시다.적

2022년 7월 9일
·
0개의 댓글
·
post-thumbnail

radio / checkbox

하나만 선택 가능한 요소부가적으로 옵션을 설정해두지 않으면 체크가 된 후에 해제되지 않음name값이 같이 않거나 없다면 제 기능을 할 수 없음다중 선택이 가능하도록 만들어진 타입name 값이 같더라도 복수 선택이 가능. name요소는 생략가능checkboxsms 선택

2022년 6월 29일
·
0개의 댓글
·
post-thumbnail

[공부] RadioButton CheckBox의 차이

* RadioButton(라디오 버튼)은 무엇인가 ? * 라디오 버튼의 이미지는 다음과 같이 생겼다.

2022년 6월 28일
·
0개의 댓글
·

Form in React

React Form 컴포넌트 설계

2022년 6월 23일
·
0개의 댓글
·

체크박스 Toggle??

웹 서핑중 팝업창에 '24시간동안 팝업창 띄우기 않기' 체크박스는 어떻게 구현하는걸까? 라는 궁금증에 만들다가 checkbox 옆 글씨를 클릭하면 체크박스 체크 / 해제가 되도록 만들고 싶어졌다.if문에서 체크박스 체크여부를 확인하는 .checked(ture/false

2022년 6월 20일
·
0개의 댓글
·