짬짬이기록하기

var는 function scope, 재선언 가능, 재할당 가능 let은 block scope, 재선언 불가능, 재할당 가능 function fn() { var a = 1; let b = 2; console.log(a); // 1출력 console.log(b); // 2출력 //함수를 벗어나면 a,b둘다 메모리에서 해제됨 } fn(); console.log(a); // ReferenceError발생 console.log(b); // ReferenceError발생 if(true) { var a2 = 1; let b2 = 2; console.log(a2); // 1출력 console.log(b2); // 2출력 } console.log(a2); // 1출력 console.log(b2); // Referenc..

* propagation : 번식 * prevent : 막다 document에서 한 버튼을 click한 경우 우리 눈에는 보이지 않지만, 그 버튼의 부모태그, 그 부모태그의 부모태그 .... 결국엔 최상의 document DOM 까지 클릭이벤트가 전파된다. (Event Bubbling) 이것을 방지하는 것. *Event Capturing : Bubbling과 반대로 상위노드부터 하위노드까지 전파되는 현상 *Event Phase : 현재 이벤트 흐름의 단계를 나타냄 클릭 - Target 이벤트에서 캡쳐링 될때는 1 - Target 이벤트까지 도착했을 때는 2 - Tartget 이벤트에서 부모노드로 올라갈 때는 3 - event.stopPropagation : 상위 DOM으로 이벤트 전파 방지 (이벤트 버블..

1. document.getElementById('아이디명') 2. document.getElementsByClassName('클래스명') 3. document.getElementsByTagName('h1') 4. document.querySelector('.클래스명') document.querySelector('#아이디명') 5. document.querySelectorAll('.클래스명') *설명잘되어있는 사이트링크 : https://blog.bitsrc.io/dom-selectors-explained-70260049aaf0

개인적으로 꽤 유용한 Flipster 슬라이드, 그러나 무한루프가 되는 옵션은 없는건가 찾아보던 중에 발견한 코드펜링크, 아주 유용하다~ 만드신 분 감사합니다~~ https://codepen.io/shshaw/pen/NxWgxJ jQuery Flipster Infinite Loop Test ... codepen.io 요건 기본 데모 https://www.jqueryscript.net/demo/Responsive-Image-Cover-Flow-Plugin-with-jQuery-CSS3-flipster/

See the Pen accordian study by delikeyki95 (@delikeyki95) on CodePen. Jquery를 사용하지 않고 Javascript로 Accordian 구현하기 오백만년 전, 사수님께서 내주신 숙제를 이제서야 한다는...ㅋㅋ 물론 구글링을 통해 완성했지만 뭐 구님 도움없이 짠다면 내가 여기있지 않았겠.... JQuery의 slideToggle에 익숙해졌기 때문에 CSS로 transition을 추가했다.