web developer

select 설정 해 놓은 option의 value값을 선택 할 수 있다. 선택O, 검색X See the Pen select by 안중현 (@drkdcoaa-the-vuer) on CodePen. datalist 설정 해 놓은 option의 value값을 선택 할 수 있다. 선택O, 검색O See the Pen Untitled by 안중현 (@drkdcoaa-the-vuer) on CodePen. 출처 : https://im-designloper.tistory.com/37 출처 : https://rgy0409.tistory.com/4773

와 태그는 영역을 설정할 때 필요합니다. 웹 페이지에 레이아웃을 구성하고자 할 때 없어서는 안 되는 태그입니다. 그럼 두 태그의 차이는 무엇일까요? → 두 가지가 있습니다. (1) 줄 바꿈 입니다. div 는 줄 바꿈이 되지만 span 태그는 옆으로 붙습니다. (2) 영역을 지정하는 방식의 차이입니다. 텍스트를 표현할 때 div 는 사각형 박스로 구역을 정하지만 span 은 문장 단위로 지정합니다. 출처 : https://mainia.tistory.com/3289 HTML div, span 태그 사용법과 차이 와 태그는 영역을 설정할 때 필요합니다. 웹 페이지에 레이아웃을 구성하고자 할 때 없어서는 안 되는 태그입니다. 그럼 두 태그의 차이는 무엇일까요? 두 가지가 있습니다. 하나는 줄 바꿈 입니 mai..

DOM (문서 객체 모델) 문서 객체 모델(DOM, Document Object Model)이란 HTML 문서 객체 구조를 말합니다. HTML 문서의 기본 객체 구조는 최상위 객체인 이 있고 하위 객체로 , 가 있습니다. 이때 문서 객체 모델에서는 모든 태그를 객체라고 부르며 , 태그에는 기능과 속성이 포함되어 있습니다. 예를들어 태그는 이미지를 출력하는 기능이 있고 src, alt, width, height와 같은 속성을 포함하고 있습니다. jquery 문법 (1) $(document).ready() $(document).ready()는 문서가 준비되면 매개변수로 넣은 콜백 함수를 실행하라는 의미입니다. * jquery 이벤트 메서드 중 하나입니다. (2) $(function() jQuery 의 간단한..

태그 이름을 사용하여 같은 태그 이름을 가지는 HTML 요소를 모두 선택 $(function() { $("p").on("click", function() { // 요소를 모두 선택함. $("span").css("fontSize", "28px"); // 요소를 모두 선택함. }); }); 아이디(id)를 사용하여 특정 HTML 요소를 선택 $(function() { $("p").on("click", function() { $("#jq").css("border", "2px solid orange"); // 아이디가 "jq"인 요소를 선택함. }); }); 클래스(class)를 사용하여 같은 클래스에 속하는 HTML 요소를 모두 선택 $(function() { $("p").on("click", function..