전체 글 (286) 썸네일형 리스트형 ES6 자바스크립트의 이상한 기호들 1. Spread Operator (...) let args = [0, 1, 2]; // 아래의 세 함수 호출은 같은 말이다. func(0, 1, 2); func.apply(null, args); func(...args); 2. Arrow Function Expression // 아래의 두 함수는 익명 함수로 같은 말이다. function(a, b) { return a + b } (a, b) => { return a + b; } 화살표 함수가 호출 될 때에는 this가 바인딩 되지 않는다. 그래서 상위 함수가 바인딩한 this를 그대로 가져오게 된다. 클로저로서 외부의 this를 참조하는 것과 같다. 참고 : https://developer.mozilla.org/en-US/docs/Web/JavaScri.. jQuery 메소드 $( "#target" ).css( "background-color", "yellow" ); // target 엘리먼트에 background-color라는 CSS 속성을 추가하고 yellow 값을 넣는다. $( "#target" ).attr( "title", "blog" ); // target 엘리먼트에 title이라는 속성을 추가하고 blog 값을 넣는다. $( "#target" ).val(); // target 엘리먼트의 value 값을 반환한다. , , 한정 $( "#target" ).text(); // target 엘리먼트의 텍스트 노드를 반환한다. $( "#target" ).text( "This is a test." ); // target 엘리먼트에 글자를 넣는다. $( "#target" ).c.. CSS 셀렉터(Selector) 종류 .class // 클래스 이름이 class인 모든 엘리먼트 .name1.name2 // 클래스 이름이 name1이거나 name2인 모든 엘리먼트 .name1 .name2 // name1 클래스 안에 있는 name2 클래스 #id // id가 id인 엘리먼트 * // 모든 엘리먼트 p // 모든 엘리먼트 p.class // 클래스 이름이 class인 엘리먼트 p#id // id가 id인 엘리먼트 div, p // 엘리먼트와 엘리먼트 div p // 엘리먼트 안의 모든 자손 엘리먼트 (descendent) div > p // 엘리먼트 안의 자식 엘리먼트 (child) div + p // 엘리먼트 바로 뒤에 있는 엘리먼트 div ~ p // 엘리먼트 뒤에 오는 모든 엘리먼트 [target] // target .. jQuery 셀렉터(Selector) 사용법 셀렉터를 통해서 jQuery로 제어할 객체를 선택할 수 있다. $('body').css('background-color', 'skyblue'); // body 태그의 엘리먼트를 불러와서 // 배경색을 하늘색으로 한다. body가 셀렉터이고 $() 메소드는 셀렉터가 가리키는 객체를 반환한다. jQuery는 다양한 셀렉터를 제공하고 아래의 사이트에 들어가 스크롤을 내려 https://api.jquery.com Selectors 리스트에서 어떤 셀렉터들이 있는지 파악할 수 있다. 돔 엘리먼트 안에 엘리먼트와 노드 추가하기 - createElement, createTextNode, appendChild 메소드 let p = document.createElement('p'); // p 변수에 p 엘리먼트를 생성해서 넣는다. // let text = document.createTextNode('글자'); // text 변수에 '글자'라는 텍스트 노드를 생성해서 넣는다. p.appendChild(text); // p 엘리먼트 안에 text 노드를 넣는다. // 글자 document.body.appendChild(p); // body 엘리먼트 안에 p 엘리먼트를 추가한다. // 글자 글자 // appendChild 대신 append나 prepend를 사용할 수 있다. (더 제약 없이 사용 가능) // 엘리먼트 안에 자식 노드가 이미 있다면 // appendChild와 append는 자식 노드들의 가장 뒤쪽에 추가시키.. 돔 엘리먼트 안의 텍스트 변경하기 - innerHTML let ele = document.getElementById('ele'); ele.innerHTML = '글자 추가'; 글자 추가 돔 엘리먼트 가져오기 1 - querySelector 메소드 1 2 3 document.querySelector('#one'); // 1를 가져온다. document.querySelector('.group'); // 첫 번째 group 클래스인 2를 가져온다. // 또는 document.querySelectorAll('.group')[0]; document.querySelectorAll('.group'); // group 클래스를 유사 배열로 가져온다. // [div.group, div.group] 깃 커밋 메시지 수정하기 1. git commit --amend 입력 2. a를 누른다. 3. 수정한다. 4. esc를 누른다. 5. :wq 입력 이전 1 ··· 30 31 32 33 34 35 36 다음
