목차 <input type="email"> 예제 - 이메일 입력 <input type="email"> 정의 <input type="email"> 구문 <input type="email"> 예제 - 이메일 입력 [단일…

목차 <input type="datetime-local"> 예제 - 로컬 년월일시분초 입력 <input type="datetime-local"> 정의 <input type="datetime-local"> 구문 <input type=…

목차 <input type="date"> 예제 - 년월일 입력 <input type="date"> 정의 <input type="date"> 구문 <input type="date"> 예제 - 년월일 입력 …

목차 <input type="color"> 예제 - 색상값 선택 입력 <input type="color"> 정의 <input type="color"> 구문 <input type="color"> 예제 - 색상값 선택 입력 …

목차 <input type="checkbox"> 예제 - 체크박스 모양 INPUT 요소 <input type="checkbox"> 정의 <input type="checkbox"> 구문 <input type="checkbox"> 예제 - 체크박스 안 배경…

목차 <input type="button"> 예제 - 버튼 모양 INPUT 요소 <input type="button"> 정의 <input type="button"> 구문 <input type="button"> 예제 - 버튼 모…

목차 반복문 내 활동 줄이기 DOM요소 접근 줄이기 DOM요소 개수 줄이기 불필요한 변수 생성 피하기 JavaScript 로딩 지연시키기 with 키워드 사용 피하기 적절한 데이터 구조 사용하기 반복문 내 활동 줄이기 …

텍스트 첫글자만 글자색 변경 <div class="logo">Homzzang.com</div> <script> const logo = document.querySelector(".logo"); logo.innerHTML = logo.innerHTML.re…

스크린리더기가 읽는 요소정보 종류 Alt 속성 (= 이미지의 대체 텍스트) : 스크린리더기를 사용하는 시각 장애인은 Alt 속성의 텍스트를 읽고 이미지의 내용을 이해 가능. Title 속성 (= 링크의 설명) : 스크린리더기를 사용하는 시각 장애인은 Title 속성의 텍스트를 읽고 링크의 목적을 이해…

구글 번역바 숨기기 아래 클래스 추가 .skiptranslate { display: none; } <a href="#" onclick="doGTranslate('ko|ko');return false;" title="한국어" class="gflag nturl" …