개발노트

🎯 JavaScript 이벤트 위임(Event Delegation)이란?프론트엔드 개발을 하다 보면 버튼이나 리스트 아이템 등 여러 개의 요소에 클릭 이벤트를 걸어야 할 때가 많습니다.이때, 각 요소마다 이벤트 리스너를 하나씩 다는 건 비효율적일 수 있어요.바로 이럴 때 유용한 패턴이 이벤트 위임(Event Delegation) 입니다! 👀 이벤트 위임이란?이벤트 위임은 하위 요소에서 발생한 이벤트를 상위 요소에서 처리하는 방식입니다.DOM의 이벤트 버블링(bubbling) 특성을 활용하여, 하위 요소에 직접 이벤트를 달지 않고, 공통 부모 요소에 이벤트를 위임(delegate) 해서 처리하는 것이죠. 📦 왜 써야 할까? (장점)1. 성능 개선→ 수십 개의 요소에 각각 이벤트를 등록하는 대신, 단 ..

isNaN( value ) : 매개변수가 숫자형식이 아니면 true, 숫자형식이면 false를 반환한다. isNaN( 변수 ) // 숫자면 false // 숫자가 아니면 true let case1 = 123.456; console.log("case1 : " + isNaN(case1)); // case1 : false let case2 = "안녕하세요"; console.log("case2 : " + isNaN(case2)); // case2 : true let case3 = "123"; console.log("case3 : " + isNaN(case3)); // case3 : false let case4 = "123.456"; console.log("case4 : " + isNaN(case4)); // c..

동기 / 비동기 방식 이란? 1. 동기(Synchronous) : 요청한 작업이 끝날때까지 기다리는 방식이다. 요청이 들어오면 순차적으로 작업을 수행하고, 해당 작업이 수행 중이면 다음 작업은 대기한다. 장점 : 설계가 간단하고 직관적이다. 단점: 작업이 끝날때까지 아무것도 못하고 대기해야 한다. 2. 비동기(asynchronous) : 요청한 작업이 완료 되지 않아도 다음 코드를 실행하는 방식이다. A요청이 들어오면 A요청이 끝나지 않더라고 B라는 새로운 요청을 받으며, A요청에 대한 작업이 끝나면 해당 요청을 처리한다. 장점 : 요청한 작업이 끝나지 않아도 다른 작업 수행 가능 단점 : 설계가 복잡하다 1) 비동기를 사용하는 이유는? 자바스크립트는 싱글 스레드 기반의 언어로, 한번에 하나의 작업만 처..