본문 바로가기

🍒공부72

[JavaScript] 이벤트 캡쳐링(Event Capturing) 📃 이어지는 글 이벤트 플로우(Event Flow) 이벤트 버블링(Event Bubbling) + e.stopPropagation() 이벤트 캡쳐링(Event Capturing) ← Now ! 이벤트 위임(Event delegation) 🤔 캡쳐링이란? 이벤트 버블링과 반대 방향으로 진행되는 이벤트 전파 방식 상위요소 → 하위요소 이벤트 전달이 진행 됨 (propagate down) 클릭 const html = document.documentElement; const body = document.body; const div = document.querySelector("div"); div.addEventListener("click", function () { console.log("div"); }); b.. 2021. 9. 23.

[JavaScript] 이벤트 버블링(Event Bubbling) + e.stopPropagation() 📃 이어지는 글 이벤트 플로우(Event Flow) 이벤트 버블링(Event Bubbling) + e.stopPropagation() ← Now ! 이벤트 캡쳐링(Event Capturing) 이벤트 위임(Event delegation) 🤔 버블링이란? 특정 화면 요소에서 이벤트가 발생했을 때, 해당 이벤트가 더 상위의 화면 요소들로 전달되는 특성 (propagate up) 클릭 const html = document.documentElement; const body = document.body; const div = document.querySelector("div"); div.addEventListener("click", function () { console.log("div"); }); body.a.. 2021. 9. 17.

[JavaScript] 이벤트 플로우(Event Flow) 📃 이어지는 글 이벤트 플로우(Event Flow) ← Now ! 이벤트 버블링(Event Bubbling) + e.stopPropagation() 이벤트 캡쳐링(Event Capturing) 이벤트 위임(Event delegation) 😎 들어가기 전에?! 이벤트 핸들러 = 이벤트 리스터 = 이벤트 콜백함수 (모두 같은 말!) elementDiv.addEventListener('click', function(){ // 클릭을 했을 때 console.log('click했습니다') // 할 일 }, false); // 옵션 // [이벤트가 일어날 애].addEventListener( [어떤 행동을 했을 때], // [할 일], // [옵션, useCapture Boolean으로 넣어주기, 디폴트=false.. 2021. 9. 16.

[JavaScript] IIFE(Immediately Invoked Function Expression) 😎 IIFE(Immediately Invoked Function Expression)란? 즉시 실행 함수, 함수 선언과 동시에 실행시킴 (function() {})(); 의 형태를 가짐 ( function() { ... } )(); 함수선언식이 아니고 함수를 실행시키는 괄호 함수 표현식임을 js에게 알려줌 실행 컨텍스트 내에서 모든 변수, 함수등이 선언되므로 모든 데이터는 IIFE의 로컬스코프 안에만 저장된다. 이는 전역스코프를 오염시키지 않고, 외부에서 멋대로 IIFE 내부의 값에 접근할 수 없기 때문에 값을 안전하게 보관할 수 있다. var example1 = (function() { function a() { return 5; } return { a : a // {호출할때 쓰는 이름 : 실제 데이터.. 2021. 9. 15.

quick sort (+ til에 대한 주저리...) 주저리 먼저😋 일단 지금 진행중인 킹갓엠페러마제스티골져스 💗스터디💗 정말 당신들 없었으면 어쩔뻔했어.. 다같이 으쌰으쌰 해서 뭐든 척척해내는 이 스터디 진짜 최고야........... 아무튼 5월부터(!!!) 다같이 노션에 정리한 til이 꽤 쌓여서 복습이 필요하다는 결론이 나왔고, 그냥 슥 읽으면 뇌가 지식을 거부할 것이므로 결국 티스토리에 한번 다시 정리하기로 결심😎 #가보자고 Quick sort 📊 분할정복 알고리즘 중 하나 평균적으로 매우 빠른 수행 속도를 가짐 O(N*logN) 하지만 최악의 경우 O(n^2)가 될 수도 있으므로 피벗(pivot) 선택에 신중해야 함 → List를 정렬 한 다음에 딱 가운데 값을 선택하면 좋겠지만.. 그러면 굳이 퀵정렬을 쓸 필요가....😰 → List의 길이가 .. 2021. 9. 14.

이전 1 2 3 4 5 6 7 ··· 15 다음

티스토리툴바