공부 기록일지📚

jQuery : 속성제어 API Element의 API에 해당하는 기능(큰 범주로는 DOM의 기능)을 jQuery에서는 어떻게 구사하는가를 알아보자. JQuery 객체의 메소드 중 setAttribute, getAttribute에 대응되는 메소드는 attr이다. 또한, removeAttribute에 대응되는 메소드로는 remove Attr이 있다. opentutorials ->주석 처리해놓은 부분은 DOM객체의 메소드 를 적어놓은 것이며 아래의 코드는 같은 기능을 하는 jQuery객체의 메소드를 적용한 것이다. 속성제어 API에서도 DOM(Element객체의 속성API)처럼 attribute방식과 property 방식으로 기술하는 차이가 있다. DOM과 마찬가지로 jQuery도 속성(attribute)과..

크롬 개발자 도구 TIP: 크롬 개발자도구(F12) -> Element -> Properties 를 통해서 선택된 엘리먼트가 DOM에 대한 어떤 속성을 가지고 있는 지 알려줍니다. Elements 돋보기 클릭시 찾고자하는 요소를 쉽게찾을수있다 ​ Computed Style - 선택된 엘레멘츠의 최종적인 css효과나타냄 Styles - 현재 선택된 엘레멘츠의 사용자가 적용한 css를 나타냄 Metrics - 엘레먼츠의 박스모델을 보여줌 (높이,폭,두께 등등) , 실시간으로 수정이 가능함 Properties - 선택된 엘레멘츠가 돔에대한 어떤 속성을 가지고 있는지 나타냄 DOM Breakpoints - 속성이 변경된경우 변경된부분에서 자바스크립트가 멈춤 Event Listeners - 선택된 엘레멘츠에 어떤..

Element 객체란? Element 객체는 엘리먼트를 추상화한 객체이다. html css JavaScript Element HTMLElement HTMLLIElement 표의 상단이 상위개념 아래로 갈수록 하위개념 "부모 - 자식" 관계입니다. 위의 프로퍼티를 아래로 상속하는 상속 관계이기도 합니다. HTMLElement(모든 엘리먼트들의 기본적인 특징을 정의하고 있음)의 대표 특징으론 .style을 통해서 css를 제어할 수 있다는 것 Element - HTMLElement와 비슷한 개념이다. 구분을 하는 이유는 DOM이 HTML만을 제어하기 위한 모델이 아니기 때문이다. DOM은 HTML이나 XML, SVG, XUL과 같이 마크업 형태의 언어를 제어하기 위한 규격이기 때문에 Element는 마크업 ..

global execute context 에서 실행될 때 a=1 Global var a = 1 Global let a =1 Script const a =1 Script function execute context 에서 실행될 때 a=1 Global var a = 1 Local let a =1 Local const a =1 Local *let 과 const 는 함수 안에서가 아니라 block 안에서 local로 들어간다. Closure(클로져) self-invocation을 한 함수의 리턴값을 변수에 할당한다. 리턴을 익명함수로 선언하면 변수는 그 익명함수를 리턴받게 된다. 변수명에 함수를 실행하는 ()연산을 하면 리턴으로 받은 함수만 실행되고, self-invocation이 되었던 함수는 메모리에 상주한..

jQuery 객체란? jQuery 함수의 리턴값으로 jQuery 함수를 이용해서 선택한 엘리먼트들에 대해서 처리할 작업을 프로퍼티로 가지고 있는 객체입니다. 제이쿼리 함수와 제이쿼리 객체를 잘 구분해야 합니다. 암시적 반복: jQuery 객체의 가장 중요한 특성은 암시적인 반복을 수행한다는 것. DOM과 다르게 jQuery 객체의 메소드를 선택된 엘리먼트 전체에 대해서 동시에 작업이 처리됩니다. 암시적 반복은 값을 설정할 때만 작동합니다. 여기서 값을 설정할 때란 메소드의 인자로 2개를 사용할 때를 말합니다. e.g.) li.css("text-decoration", "underine"); -> 이렇게 하면 li태그 하나만 적용하는 것이 아니라 모든 li태그를 내부적으로 전부 적용시켜줍니다. 반면에, 값을..