목차 주요 event 종류 키보드 (키이름/키번호) 확인 주요 event 종류 click - 클릭 dblclick - 더블클릭 change - 값 변동 focus - 포커스 (= 요소 선택해 커서 깜빡이는 상태…

목차 문자열 (String) 타이머 (Timer) 문자열 (String) 문자열 정의 var hzk = '홈짱닷컴'; var hze = 'Homzzang.com'; 자세히보기 특정 순번째 문자 …

코드펜 Start Coding 버튼 테두리 효과 <style> .button { display: inline-block; text-decoration: none; color: #fff; padding: 3px; …

목차 Input Group 구문 Input Group 크기 여러 Input / Helper Checkbox/Radio 있는 Input Group Input Group 버튼 Dropdown Button 있는 Input Group In…

목차 Checkbox (체크박스) Radio button (라디오 버튼) Toggle Switch (토글 스위치) Checkbox (체크박스) 1. type="checkbox" 경우, 각각의 name이상이해야 함. …

목차 Offcanvas 정의 Offcanvas 생성 Offcanvas 위치 Offcanvas 정의 모달(= 숨겨져 있다가 활성화되면 표시되는 팝업창)과 유사하나, 주로 사이드바 탐색 메뉴로 자주 사용됨. …

목차 Toast 소개 Toast 구문 Toast 열기 Toast 소개 이벤트 발생 (예 : 사용자가 버튼 클릭하거나 양식 제출 등)할 때, 몇 초 동안 잠깐 표시되는 경고상자. Toast 구문 …

Carousel (캐러셀) = Slideshow (슬라이드쇼) <div id="hz" class="carousel slide" data-bs-ride="carousel"> <!-- 현재 위치 표시기 --> <div class="carousel-indic…

목차 Navbar 가로형 Navbar 세로형 Navbar 가운데정렬 Navbar 배경색/글자색 Navbar 브랜드/로고 Navbar 단순 텍스트 Navbar 햄버거 메뉴 (= 접힌 메뉴) Navbar 드롭다운 메뉴 Navbar 검색창…

목차 Dropdown 기본 Dropdown Divider (메뉴구분) Dropdown Header (머리말) Dropdown Active (활성화) / Disable (비활성화) Dropdown Position (위치) Dropdown Menu Right (오른쪽하단) …