분류 전체보기372 [JavaScript]Spread/Rest 정리(스프레드와 나머지) Spread와 Rest spread와 rest는 JavaScript에서 배열과 객체를 다룰 때 사용되는 문법이다. 이들은 ES6(ES2015)에서 도입되었으며, 배열이나 객체를 조작하고 전달하는 데 편리한 방법을 제공한다. Spead 문법 Spread 연산자 Spread는 펼치다라는 뜻이다. Spread 연산자를 이용하여 객체, 배열등 반복 가능한 객체를 펼칠 수 있다. Spread 연산자는 기존의 객체에 영향을 끼치지 않는다. 펼친다는 것은? 객체를 펼친다는 것은 개별 요소로 분리할 수 있다는 것을 의미한다. 아래 코드를 확인해보자. 배열 예시 //don't use spread let arr1 = [1, 2, 3]; let arr2 = [arr1, 4, 5, 6]; console.log("스프레드 연산.. 2023. 6. 2. [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. 이전 1 ··· 15 16 17 18 19 20 21 ··· 93 다음
