클래스(class) 자바스크립트는 객체 지향 언어 (OOP: Object - Oriented Programming language)이다 JavaScript 에서 클래스는 객체(object)가 아니라 객체를 만들기 위한 템플릿이다. ES6 에서 클래스를 정의할때 class 키워드를 사용한다. class 안에 생성자 함수가 포함되고, 이 생성자 함수는 리턴값을 만들지 않는다. class 의 이름은 일반 함수와 구분하기 위해 대문자로 시작하고, 일반명사의 형태로 만든다. (일반 함수는 소문자, 동사를 사용) ES5 function Car(brand, name, color){ // 인스턴스가 만들어질 때 실행되는 코드 } ES6 class Car{ constructor(brand, name, color){ //..

일급객체 란 일급객체(First-class Object)란 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체 다음조건을 만족 시켜야한다 무명의 리터럴로 생성이 가능하다(런타임에 생성가능) 변수나 자료구조(객체.배열)에 저장가능하다 함수의 매개변수에 전달 가능하다 다른 함수의 결과로 리턴 될수있다 =>콜백 패턴 을 사용할 수 있으며 고차함수(High-order function) 를 만들 수있다 Javascript의 클로저(closure) 를 사용해커링(currying) 과 메모이제이션(memoization) 이 가능하다 고차함수(Higher-order function) 고차 함수는 함수를 인자(argument)로 받거나 함수를 리턴하는 함수를 말한다. 이 때 다른 함수의 인자(argument..

이벤트(event) 는 무언가 일어났다는 신호이며 모든 DOM 노드는 이런 신호를 만들어 낸다 이벤트는 DOM에만 한정되진 않다 이벤트 핸들러 이벤트가 발생했을 때 그 처리를 담당하는 실행 함수이다 이벤트 발생시에 이벤트 핸들러가 호출될 때 이벤트 객체가 전달되는데 이 때 이벤트 핸들러 함수의 매개변수를 통해 이벤트 객체를 받을수 있다 target.onclick = function(){ } function handler(){ } target.onclick=handler(올바른코드) =>handler():함수 실행을 등록하는건 잘못된 코드이다 target.addEventListener ("click", function() { } ) =>addEventListener 현대적인 방법이다 addEventList..

DOM은 웹 페이지 내의 모든 콘텐츠를 객체로 나타내주며,이 객체는 수정 가능하다 document 객체는 페이지의 기본 ‘진입점’ 역할하여. document 객체를 이용해 페이지 내 그 무엇이든 변경할 수 있고, 원하는 것을 만들 수도 있다 DOM은 HTML 문서에 대한 인터페이스 이다 DOM이 사용되는 곳은 뷰 포트에 무엇을 렌더링 할지 결정하기 위해 사용됩니다. 또한 페이지의 컨텐츠 및 구조, 그리고 스타일이 JavaScript 프로그램에 의해 수정되기 위해 사용한다=>API를 이용해 DOM에 접근하여 문서 구조, 스타일, 내용 등을 변경 DOM Tree 문서를 node 구조로 tree 형태로 표시=>node: 어떤 연결망에서 특정 지점과 지점을 연결하는데 표시한 것 DOM 구조를 node tree라..