클래스/└ TIL
<TIL> 211217 이벤트 객체, 로그 미들웨어
디벅잉
2021. 12. 17. 20:05
728x90
🐣
{ JavaScript }
이벤트 타입
마우스이벤트: click, mousedown, mouseup
폼요소: focus, submit
키보드이벤트: keydown, keyup
이벤트 객체
이벤트가 발생하면 브라우저는 이벤트 객체(event object)를 만듭니다.
event.type
event.currentTarget(=this)
event.clientX, event.clientY
버블링
이벤트는 제일 깊은 곳에 있는 요소에서 시작해 부모요소를 거슬러 올라가며 발생합니다.
event.target - 실제 이벤트가 발생한 요소
이벤트 위임(event delegation)
1. 컨테어너에 하나의 핸들러를 할당합니다.
2. 핸들러의 event.target을 사용해 이벤트가 발생한 요소가 어디인지 알아냅니다.
3. 원하는 요소에서 이벤트가 발생했다고 확인되면 이벤트를 핸들링합니다.
{ Node.js }
수직적 확장: 서버 자체의 성능 향상(더 빠른 CPU, 운영체제, 더 많은 코어, 메모리 등)
수평적 확장: 서버 숫자를 늘리는 것
morgan
로그 미들웨어입니다.
스트레스 테스트
동시에 수백, 수천 개의 요청이 들어와도 서버가 감당할 수 있는지 테스트하는 것입니다.
📌
모던 JavaScript 튜토리얼
ko.javascript.info
한권으로 끝내는 Node & Express / 이선 브라운 지음 / 한선용 옮김 / 한빛미디어
728x90