728x90 반응형 분류 전체보기298 dl 쓰는 경우 정리 제목-설명이 묶여있는 경우 dl 을 쓰는걸 추천! dl 예시 See the Pen dl by gahyun (@gahyun) on CodePen. See the Pen dl by gahyun (@gahyun) on CodePen. See the Pen Untitled by gahyun (@gahyun) on CodePen. 2022. 8. 29. 웹접근성의 기초 시멘틱 태그를 최대한 활용해서 구조를 짠다 https://stonefree.tistory.com/59 [HTML5] 시멘틱 태그(sementic tag) 시멘틱태그(sementic tag)란 인터넷의 발전으로 방대한 양의 웹문서가 생기면서, 제각기 일관적이지 않게 생성된 문서 구조는 웹문서에서 원하는 정보를 찾기가 점점 힘들어 지게 만드는 원인이었 stonefree.tistory.com - section 안에 태그를 꼭 넣어준다 - h1 은 회사로고를 쓰고 h2 부터 쓴다 - 제목+설명이 묶여있는 경우에는 dl을 쓰는걸 추천! [html/웹접근성] - dl 쓰는 경우 정리 2022. 8. 29. javascript select 선택된 옵션 값 가져오기 //선택자를 통해 원하는 select 를 가져온다 let select = document.getElementById('select'); //select.selectedIndex --> selected된 옵션 번호 select = select.options[select.selectedIndex].value; select.selectedIndex 값 이용 See the Pen Untitled by gahyun (@gahyun) on CodePen. https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/selectedIndex HTMLSelectElement.selectedIndex - Web APIs | MDN The HTMLSelectEle.. 2022. 8. 29. javascript 여러 엘리먼트에 한번에 이벤트리스너 등록하기 1. querySelectorAll 을 통해 이벤트를 등록할 모든 엘리먼트를 선택한다 let eventList = document.querySelectorAll('.event'); 2. 선택한 엘리먼트에 forEach를 이용해 이벤트리스너 등록 eventList.forEach(function (event) { event.addEventListener('change', function () { //동작할 내용 }); }); forEach 가 궁금하다면? https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach Array.prototype.forEach() - JavaScript | MDN forEac.. 2022. 8. 29. 이전 1 ··· 3 4 5 6 7 8 9 ··· 75 다음 728x90 반응형