이벤트란? 이벤트란 웹페이지에서 마우스를 클릭했을 때, 키를 입력했을 때, 특정요소에 포커스가 이동되었을 때 어떤 사건을 발생시키는 것이다. 이벤트가 발생하면 그에 맞는 반응을 해야 한다. 이를 위해 이벤트는 일반적으로 함수에 연결되며 함수는 이벤트 발생 시 실행된다. 이 함수를 이벤트 핸들러라 한다. 👉 이벤트 처리하기 1. 인라인 방식 이벤트이름 앞에 on을 붙여 사용한다. Click me HTML 삽입 미리보기할 수 없는 소스 2. 프로퍼티 방식 이벤트 대상에 해당하는 객체의 프로퍼티로 이벤트를 등록 HTML과 JavaScript를 분리할 수 있다. 이벤트에 오직 하나의 이벤트 핸들러만을 바인딩 가능 Click me HTML 삽입 미리보기할 수 없는 소스 3. addEventListener ✨ ad..
일급 객체 JavaScript에는 특별한 대우를 받는 일급 객체(first-class citizen)가 있다. 함수는 대표적인 일급 객체 중 하나! 함수를 변수에 할당할 수 있다. 다른 함수의 전달인자로 전달될 수 있다. 다른 함수의 결과로서 리턴될 수 있다. 함수를 변수에 할당할 수 있기 때문에, 함수를 배열의 요소나 객체의 속성 값으로 저장할 수 있다. ➤ 고차 함수 고차 함수(Higher-Order Function)란? 고차 함수란, 함수를 파라미터로 전달받거나 연산의 결과로 반환해주는 메서드를 일컫는다. 함수형 프로그래밍이란? 함수형 프로그래밍은 함수를 다른 함수의 파라미터로 넘길 수도 있고 반환(return) 값으로 함수를 받을 수도 있는 프로그래밍 형태. 함수형 프로그래밍에서, 개발자는 함수라..
자료형이란? JavaScript에서 자료형(type)이란 값(value)의 종류. 자료형은 크게 두 가지로 구분할 수 있는데, 원시 자료형(primitive type)과 참조 자료형(reference type)이다. 원시 자료형 6개의 자료형 number, string, boolean, undefined, null, symbol (이중 symbol 타입은 잘 사용되지 않는 타입) 원시자료형의 특징 원시 자료형을 변수에 할당하면 메모리 공간에 값 자체가 저장된다. 원시 값을 갖는 변수를 다른 변수에 할당하면 원시 값 자체가 복사되어 전달된다. 원시 자료형은 변경 불가능한 값, 한 번 생성된 원시 자료형은 읽기 전용 값이다. 값 자체를 저장 변수(num)를 선언하면 컴퓨터는 ..
