자바스크립트에 배열 타입은 존재하지 않는다. 배열을 객체 타입이다.typeof arr // object 객체와 배열의 특징구분객체배열구조키와 값인덱스와 요소값의 참조키인덱스값의 순서XOlength 프로퍼티XO배열은 반복문을 통해 순차적으로 값에 접근하기 적합한 자료구조이다 희소배열 현재 length 에 프로퍼티 값보다 작은 숫자 값을 할당하면 배열의 길이가 줄어든다.const arr = ["a", "b", "c", "d", "e"];arr.length = 3;console.log(arr); // [ 'a', 'b', 'c' ] 현재 length 에 프로퍼티 값인 1보다 큰숫자 3을 length 프로퍼티에 할당하면, length 프로퍼티 값은 변경 되지만실제로 배열의 길이가 늘어나지는 않는다.co..

1. 클래스 ES6 에서 도입된 문법 기존의 프로토타입 기반 상속을 더 쉽고 직관적으로 사용할 수 있게 해줌 객체 지향 프로그래밍에서 사용하는 설계도 역활 2. 클래스의 기본 구조 constructor 는 인스턴스 생성 시 호출되는 함수 메서드도 클래스 내부에서 정의할 수 있다.class Car { brand; model; year; mileage; constructor(brand, model, year, mileage) { this.brand = brand; this.model = model; this.year = year; this.mileage = mileage; } drive(km) { this.mileage += km; return `${km}km 주..

1. 프로토타입의 개념 이해 1) 상속과 프로토 타입상속은 객체지향 프로그래밍의 핵심 개념으로 객체의 프로퍼티 또는 메서드를 다른 객체가 상속받아 그대로 사용이를 통해 불필요한 중복을 제거 한다.// 생성자 함수function Circle(radius) { this.radius = radius; this.getArea = function () { // Math.PI는 원주율을 나타내는 상수다. return Math.PI * this.radius ** 2; };}// 반지름이 1인 인스턴스 생성const circle1 = new Circle(1);// 반지름이 2인 인스턴스 생성const circle2 = new Circle(2);// Circle 생성자 함수는 인스턴스를 생성할 때마다 동..

콜백함수란 콜백 함수는 다른 코드의 인자로 넘겨주는 함수 다른코드에게 인자로 넘겨줌으로써 제어권도 함께 위임한다. 제어권 1) 호출 시점 콜백 함수의 제어권을 넘겨받은 코드는 콜백 함수 호출 시점에 대한 제어권을 가진다. let count = 0;let cbFunc = function () { console.log(count); if (++count > 4) clearInterval(timer); };let timer = setInterval(cbFunc, 300);// -- 실행 결과 --// 0 (0.3초)// 1 (0.6초)// 2 (0.9초)// 3 (1.2초)// 4 (1.5초) 실행count값(출력)++count 결과비교 count > 4멈춤 여부1회01false계속 ..

실행 컨텍스트란 실행할 코드에 제공할 환경 정보들을 모아놓은 객체 자동으로 생성되는 전역공간의 실행컨텍스트와 evail 을 제외하면 실행컨택스트를 구성하는 방법은 함수를 실행 하는 것뿐이다. 실행 컨텍스트의 역활 코드 실행 시 스코프, 식별자, 코드실행 순서 등의 관리 한다. 소스코드를 실행 하는 데 필요한 환경을 제공하고 코드의 실행 결과를 관리한다. 식별자를 등록하고 관리하는 스코프와 실행 순서 관리를 구현한 내부 메커니즘 이다. 식별자와 스코프는 Laxical Environment (렉시컬 환경)으로 관리 한다. 실행순서는 실행 컨텍스트 스택으로 관리 한다 var x = 1; const y = 2; function outer(a) { // ..

var 키워드 1. 변수 중복 선언 허용 2. 함수의 코드 블록만을 지역 스코프로 인정 함수 내부가 아니면 for 문 if 문 등 에서도 전역 변수로 인정됨 3. 변수 호이스팅에 의해 변수 선언문이 선두로 끌어올려진 것처럼 동작한다. 즉 변수 선언 이전에 참조 할 수 있지만 할당문 이전에 참조하면 undefined 를 반환 -> 변수 선언문 이전에 변수를 참조하는 것은 에러를 발생 시키지 않지만 가독성도 떨어지고 오류 발생 여지가 있다. 1 - 선언단계 + 초기화 단계 선언단계에서 식별자를 등록해 자바스크립트 엔진에 변수의 존재를 알림 초기화 단계에서 undefined 로 변수 초기화 초기화 단계부터는 참조 에러가 발생 하지 않고 undefined 출력..