맨 땅에 프론트엔드 개발자 되기

객체와 객체 지향 프로그래밍 객체(Object) 객체는 키(Key)와 값(Value)으로 이루어진 정보들의 집합이다. 값에는 데이터가 들어올 수도 있고, 함수가 들어올 수도 있는데, 일반적으로 데이터는 프로퍼티, 함수는 메소드라고 부른다. 자바스크립트에서는 숫자, 문자열, 불리언과 같은 원시 데이터 타입(Primitive Data Type)을 제외하고는 모두 객체라고 볼 수 있다. 함수도 객체다. 객체의 형태 const dog = { name: '흰둥이', family: '말티즈', age: 1, eat: function() { alert('Feed Me!') }, love: function() { alert('Hug Me!') } } 위의 객체에서 객체의 값을 꺼내 쓸 때는 아래와 같이 표현할 수 있다..

JavaScript 생성자 함수와 클래스 함수 (ES6) 생성자 함수를 사용하는 목적은 여러 매개변수를 이용한 객체 함수를 생성해서 재사용 하는 것이다. 초심자 레벨에서 겨우 함수 선언식과 함수 표현식 그리고 arrow function에 익숙해지고 있을 때 쯤 두둥!! 갑자기 생성자 함수와 클래스 함수가 등장을 했다. 생성자 함수와 클래스 함수는 EcmaScript 6버전에서 새로 등장한 문법이며, IE에서는 지원이 안 된다고 한다. 생성자 함수(Constructor Function) 생성자 함수란 객체(Object)를 이용한 함수 묶음이라고 생각할 수 있다. 함수 선언식처럼 함수를 선언하지만 일반 함수와 구분하기 위해 함수명을 대문자로 시작한다. 그리고 그 함수를 다시 불러올 때는 new를 붙여서 새로..