본문 바로가기 메뉴 바로가기

Dev Diary

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Dev Diary

검색하기 폼
  • 분류 전체보기 (47)
    • 포트폴리오 (13)
    • 멋쟁이사자처럼 (8)
    • JavaScript (9)
    • React (1)
    • HTML CSS (9)
    • TypeScript (0)
    • IT 지식 (3)
    • 알고리즘 (1)
    • 생각 (3)
  • 방명록

HTML CSS (9)
label 태그 활용하여 checkbox 만들기

아래와 같은 체크박스를 만들기 위해서 처음엔 을 이용하였다 물론 이렇게 해도 문제는 없지만 안 그래도 폰트 사이즈도 작은데 네모박스만 선택해야 체크가 되는 것보다는 해당되는 텍스트를 클릭해도 체크가 되게 만들고 싶었다. 처음으로 떠오른 생각은 '클릭 이벤트' 였는데 분명 그것보다 단순한 방법이 있었던 것 같은 생각이 든다. 지금 나에게 필요한 건 구글 스택 오버플로우에서 나와 비슷한 궁금증이 있는 글을 발견! 답을 보자마자 맞다! 나 배웠었지 하고 떠올랐다 이래서 Output 이 중요한 것 같다. 백날 머릿속에 이것저것 집어 넣으면 뭐하나 써먹지를 못하는데ㅠㅠ 무료 강의에서든 책에서든 분명히 나는 태그에 대해 배웠지만 직접 사용을 해본 적이 없다보니 처음엔 어떻게 해야할 지 몰라서 머리가 백지상태가 되었..

HTML CSS 2023. 1. 16. 23:36
이전 1 2 3 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • translateX
  • 이벤트핸들링
  • CSSDiner
  • 상태변수
  • vanillajs
  • :nth-child
  • DOM제어
  • 프론트엔드독학
  • 변수스코프
  • 화살표함수
  • DOMapi
  • 로컬스토리지오류
  • 프로그래밍독학
  • 논리부정연산자
  • CSS게임
  • 캐시오류
  • JavaScript
  • 리액트
  • 체크박스오류
  • VirtualDom
  • 비전공자
  • labelfor
  • CSS선택자
  • DOM자바스크립트
  • CSS
  • 즉시실행함수
  • dom조작
  • 코딩독학
  • 가상돔
  • 자바스크립트
more
«   2025/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바