<TIL> 211217 이벤트 객체, 로그 미들웨어

 

🐣

 

{ 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

로그 미들웨어입니다.

 

스트레스 테스트

동시에 수백, 수천 개의 요청이 들어와도 서버가 감당할 수 있는지 테스트하는 것입니다.

 

📌

 

https://ko.javascript.info/

모던 JavaScript 튜토리얼

한권으로 끝내는 Node & Express / 이선 브라운 지음 / 한선용 옮김 / 한빛미디어