HTML 이벤트 흐름 FORM DIV P 위 HTML의 경우 onclick 이벤트는 p → div → form 태그 순으로 실행 이벤트 전파(Event Propagation) : 계층적으로 이루어진 엘리먼트들은 계층적 구조 특징 때문에 HTML 요소에 이벤트가 발생할 경우 일어나는 연쇄적 이벤트 흐름 버블링(Bubbling) : 자식 요소에서 발생한 이벤트가 바깥 부모 요소로 전파 (기본값) 캡쳐링(Capturing) : 자식 요소에서 발생한 이벤트가 부모 요소부터 시작하여 안쪽 자식 요소까지 도달 이벤트 전파 흐름 캡처링 단계 : 이벤트가 하위 요소로 전파되는 단계 타깃 단계 : 이벤트가 실제 타깃 요소에 전달되는 단계 버블링 단계 : 이벤트가 상위 요소로 전파되는 단계 단계별 코드 분석 (2번째 p ..
함수의 구분 ES6 이전의 함수는 동일한 함수라도 다양한 형태로 호출할 수 있었다. var foo = function () { return 1; }; // 일반함수 foo(); // 1 // 생성자 함수로서 호출 new foo(); // foo {} // 메서드로서 호출 var obj = { foo: foo }; obj.foo(); // 1 ES6 이전의 모든 함수는 일반 함수로서 호출할 수 있는 것은 물론 생성자 함수로서 호출 가능 ES6 이전에 일반적으로 메서드라고 부르던 객체에 바인딩된 함수도 callable이면서 constructor이기 때문에 여러가지 형태로 호출할 수 있었다. --> 콜백함수도 마찬가지 그러나 위와 같이 함수를 여러 형태로 호출하게 되면 실수를 유발하고 성능상에도 좋지 않다. ..
일급 객체 일급 객체의 조건 무명의 리터럴로 생성 가능 = 런타임에 생성 가능 💡 런타임 : 프로그래밍 언어가 구동되는 환경 Web APIs setTimeout, DOM, AJAX 등과 같은 비동기 메소드 이벤트 루프와 콜백 큐 보유 변수나 자료구조(객체, 배열 등)에 저장 가능 함수의 매개변수에 전달 가능 함수의 반환값으로 사용 가능 함수는 일급 객체이면서도 호출 가능한 특성 보유, 고유 프로퍼티 소유 💡 일급 객체 : 사용할 때 다른 요소들과 아무런 차별이 없는 객체 함수 객체의 프로퍼티 함수는 객체이므로 함수또한 프로퍼티를 가질 수 있기 때문에 console.dir, Object.getOwnPropertyDescriptor로 확인 가능 console.dir : JSON과 같은 트리 구조로 출력 하고..
함수란? 문으로 구현하고 코드 블록을 감싸서 하나의 실행 단위로 정의한 것 함수정의를 통해 생성하고 함수 호출을 통해 실행 구조 : function isFunction(매개변수) {return 반환값}; isFunction(인수); 매개변수 : 내부로 입력을 전달받는 변수 인수/전달인자 : 입력 반환값 : 출력 isFunction(매개변수)에서 (매개변수)는 함수 호출 연산자 함수를 사용하는 이유 코드의 재사용 유지보수의 편의성 코드의 신뢰성 코드의 가독성 함수 리터럴 객체 타입의 값 - 호출 가능한 객체 function 키워드, 함수 이름, 매개변수 목록, 함수 몸체 함수 이름 : 함수 몸체 내에서만 참조할 수 있는 식별자 함수 정의 함수 선언문 함수 리터럴과 형태 동일 리터럴은 함수 이름을 생략할 수..
