Script

인스턴스란? 비슷한 성질을 가진 여러개의 객체를 만들기 위해, 일종의 설계도라고 할 수 있는 생성자 함수(Constructor)를 만들어 찍어내듯 사용하는데 이렇게 생성된 객체를 인스턴스라 부를 수 있다. 생성자 함수 (Constructor) = 거푸집 인스턴스 = 거푸집으로 찍어낸 칼 function Sword(color, metal) { this.color = color; this.metal = metal; this.is = function() { console.log(`This is ${this.color} ${this.metal} sword!`); }; } const redSteel = new Sword('red', 'steel'); console.log(redSteel); //Sword {col..

보호되어 있는 글입니다.

이터레이션 프로토콜이란? 이터레이션은 반복,순회라는 뜻을 지닌 단어이다. 이터레이션 프로토콜은 따라서 순회가 가능하게 하기 위해서 따라야 하는 규칙이라고 해석할 수 있다. 이터레이션 프로토콜을 따르는 객체 - for ...of, spread 연산자 이터레이션이 가능한 기본 자료구조 Array String Map Set Iterable 프로토콜 이터레이션 프로토콜을 따르기 위해서는 정확히 어떤 규칙을 따라야 하는 것일까? 이터러블 프로토콜이 이에 대한 대답이다. { [Symbol.iterator](): Iterator 프로토콜 { next(): 다음값 } } 이터러블 프로토콜에 대한 설명은 다음과 같다. Symbol.iterator를 호출하고 Iterator 프로토콜을 따르는 객체를 호출한다. Iterat..

MVC란? 정의 Model + View + Controller를 합친 용어 1. Model은 데이터와 관련된 부분 2. View는 사용자에게 보여지는 UI 부분 3. Controller는 Model과 View를 이어주는 부분 - 가장 보편적으로 사용되는 패턴이다. 동작방식 1. 사용자의 액션이 Controller로 들어오면 Controller가 액션을 확인하고 Model을 업데이트 함. 2. 이후 Controller는 Model을 보여줄 View를 선택하고 View는 Model을 이용하여 업데이트를 하고 화면에 보여줌. 3.Controller는 여러개의 View를 선택할 수 있는 1:n 구조이지만 View를 선택할 뿐 직접적인 업데이트는 진행하지 않음 규칙 1. Model은 Controller와 View..

Array란? 특징 데이터들이 순서대로 쭉 나열되어있는 형태 index가 존재함 조회 각 데이터의 index를 가지고 있고 무작위 접근이 가능하기 때문에, index로 각 데이터에 직접 접근이 가능 데이터 삽입과 삭제 데이터의 삽입과 삭제 시 그만큼 index를 맞춰주어야 함 예시 : 5개의 데이터가 있을 때 맨 앞을 삭제했다면 뒤쪽의 나머지 4개는 앞으로 한 칸씩 이동해야됨 이로 인해 삽입과 삭제가 많다면 Array는 비효율적임 LinkedList 특징 각 데이터들 앞, 뒤 데이터의 주소값을 가지고 있음 index가 존재하지 않음 조회 순차적 접근이기 때문에 조회의 속도가 느리다 데이터 삽입과 삭제 데이터의 삽입과 삭제 시 앞, 뒤의 데이터에 주소값만 변경해주면됨 예시 : 5개의 데이터가 있을 때 두 ..

Closure의 정의 외부 함수에 접근할 수 있는 내부 함수 혹은 이러한 원리를 일컫는 용어 스코프에 따라서 내부 함수의 범위에서는 외부 함수의 범위에 있는 변수에 접근이 가능하지만 그 반대는 불가능하다는 개념 특징으로 외부 함수는 외부 함수의 지역변수를 사용하는 내부 함수가 소멸할 때까지 소멸되지 않는다 예시 function makeFunc() { var name = "이름"; function displayName() { console.log(name); } return displayName; } //myFunc변수에 displayName을 리턴함 var myFunc = makeFunc(); //리턴된 displayName 함수를 실행(name 변수에 접근) myFunc(); // "이름" 콘솔 출력 ..