Still growing

이 글은 주니어 개발자가 쓴 글로 오류가 있을 수 있습니다. 문제가 있거나 수정이 필요한 부분은 댓글로 알려주시면 감사하겠습니다. 프론트엔드 개발자를 위한 자바스크립트 프로그래밍(일명 노란책)을 공부하고 정리한 내용입니다. Event 메모리와 성능 최적화 자바스크립트에서는 페이지에 존재하는 이벤트 핸들러의 개수가 페이지 성능에 직접적으로 영향을 미칩니다. 원인 - 각 함수가 메모리를 점유하는 객체이다. 메모리를 많이 사용할수록 성능은 떨어진다. - 이벤트 핸들러를 많이 할당하려면 DOM 접근도 많아진다. 이는 전체 페이지의 응답성을 떨어트린다. 개선 방법 1. 이벤트 위임 - 이벤트 핸들러 개수 줄이기 이벤트 버블링의 장점을 활용하여 공통 부모 요소에 이벤트 핸들러를 하나만 할당해서 해당 타입의 이벤트를..

이 글은 주니어 개발자가 쓴 글로 오류가 있을 수 있습니다. 문제가 있거나 수정이 필요한 부분은 댓글로 알려주시면 감사하겠습니다. 프론트엔드 개발자를 위한 자바스크립트 프로그래밍(일명 노란책)을 공부하고 정리한 내용입니다. HTML 코드는 코드 블럭 내에서 해석이 되어서 부득이하게 이미지로 올립니다. 자바스크립트와 HTML의 상호작용은 문서나 브라우저 창에서 특정 순간에 일어난 일을 가리키는 '이벤트'에 의해 처리됩니다. 이벤트는 '리스너'(핸들러)로 추적하며 리스너는 이벤트가 일어날 때만 실행됩니다. 전통적인 소프트웨어 공학에서는 이 모델을 옵저버 패턴이라고 부릅니다. 1. 이벤트 흐름 '이벤트 흐름'은 페이지에서 이벤트가 전달되는 순서입니다. 초기에 이벤트를 도입한 목적은 폼을 처리할 때 서버와 브라..