컴퓨터150 [JQuery] 한방 정리/JQuery 사용법 선택자 요소 선택자: $("element") (예: $("div"), $("p")) 클래스 선택자: $(".class") (예: $(".red"), $(".my-class")) 아이디 선택자: $("#id") (예: $("#my-id")) 속성 선택자: $("[attribute]") (예: $("[name]"), $("[data-value]")) 자식 선택자: $("parent > child") (예: $(".container > .item")) 후속 선택자: $("element + sibling") (예: $("h2 + p")) 형제 선택자: $("element ~ sibling") (예: $("ul ~ p")) 필터 선택자:$(”element:양식필터) (예: $(”input:submit”)) 반환값.. 2023. 5. 29. [CSS] CSS의 선택자 한번에 정리해버리기/CSS 태그 선택 CSS 선택자 CSS은 다양한 선택자 기능을 제공한다. 크게는 태그명을 이용한 선택, class명을 이용한 선택, id명을 이용한 선택 등이 있지만, 편의를 위한 선택 기능들을 제공한다. 오늘 CSS에서 많이 사용되는 선택자들을 모두 정리해버린다. 기본 선택자 태그 선택 태그명{ /CSS 코드 내용/} HTML의 태그명으로 CSS을 적용한다. 해당 태그명을 가진모든 요소를 선택한다. 클래스 선택자 .class명{ /*CSS 코드 내용*/} class이름을 class의 값으로 가지는 모든 태그를 선택한다. 아이디 선택자 #id명{ /CSS 코드 내용/} id이름을 id값으로 가지는 모든 태그를 선택한다. *한 페이지 내에서 id값은 고유하여야한다. 기본 속성 선택자 [속성]{ /CSS 코드 내용/} [속성.. 2023. 5. 10. [JS] 자바스크립트 문자열/String 객체, 문자열 사용법 js String js를 이용하면 각종 객체를 알게 모르게 접하게 된다. 그 중 하나가 바로 문자열을 다루는 String 객체이다. (사실 JS에서는 거의 모든 것이 객체이다!) 사실 const a = “스트링”; 식으로 생성하면, 이는 String 객체를 생성하는 것이 아닌 원시타입 String을 적용하는 것이다. 그러나 js는 원시 타입에 대해서 래퍼객체(wrapper object)라는 것을 생성하여 적용하게 된다. 이때 이 임시 객체는 String 객체의 메소드들을 상속받기에, 원시타입 string 문자열은 String 객체의 메소드들을 사용할 수 있게 된다. 이렇게 생성된 임시 래퍼 객체는 사용자가 요구한 조작을 마치면 소멸하게 된다. 즉 원시타입 값의 메소드, 속성 등에 접근하려고 하면 js엔진.. 2023. 5. 9. [HTML] html 시맨틱 태그란? 시맨틱 태그를 사용해야하는 이유 시맨틱 태그 시맨틱의 사전적 의미는 의미론적이라는 것이다. 이에따라 시멘틱 웹의 의미는 의미론적인 웹, 이라고 해석되는데 이는 사람 뿐 아니라 기계도 쉽게 이해할 수 있는 웹이라는 의미이다. 기존 사용하던 태그 등은 사용자에게는 쉽게 이해가 되지만 기계(검색엔진 등)에게는 의미가 없는 태그이다. 이러한 의미없는 태그를 논 시멘틱 태그라고 한다. 시맨틱 앱의 경우 논시맨틱하지 않는 태그, 즉 시맨틱 태그를 최대한 사용해 HTML 문서를 의미론적으로 설계하는 것이 중요하다. 이를 위해 HTML5에서 추가된 것들이 시맨틱 태그들이다. 시맨틱 태그를 사용하면 아래의 장점이 있다. SEO(Search Engine Optimization, 검색 엔진 최적화)에 유리하다. 유지 보수성 : main, section등 .. 2023. 5. 9. 이전 1 ··· 13 14 15 16 17 18 19 ··· 38 다음
