analogcoding

OOP OOP 란 ? OOP의 기본 컨셉은 프로그램 내에서 표현하고자 하는 실 세계(real world)의 일들을 객체를 사용해서 모델링 하고, 객체를 사용하지 않으면 불가능 혹은 무지 어려웠을 일들을 쉽게 처리하는 방법을 제공한다는 것입니다. -MDN- 생성자함수 란 ? 이 함수는 함수가 가질 것 같은 모든 특징을 가지고 있지만, 아무것도 리턴하지 않고 객체를 만들지도 않습니다. 생성자 함수는 단순히 프로퍼티와 메소드를 정의합니다. 또 이를 정의할 때 this 키워드가 사용합니다. 이것은 객체 인스턴스가 생성될 때마다, 객체의 프로퍼티가 생성자 함수 호출에서 전달된 인자 값과 같다는 것을 의미합니다. new 연산자를 붙여서 호출하면, 해당 함수는 생성자 함수로 동작합니다. 함수가 일반적인 함수 인지 객..

Null & undefined 두 타입은 모두 자바스크립트에서 '값이 없음' 을 의미하지만 차이가 있습니다. 요약해서 설명하자면 null 과 undefined 는 차이는 등록, 저장 여부입니다. null 은 값이지만 의미없는 특별한 값이 등록되어 있는 것이고, undefined 는 등록이 되어있지 않기 때문에 초기화도 정의되지 않은 것입니다. undefined 는 미리 선언된 전역 변수(global property)이며, null 은 선언,등록을 하는 키워드입니다. undefined 는 변수를 선언만 하더라도 할당되지만 null 은 변수를 선언한 후에 null 로 값을 할당합니다. undefined 는 기본적으로 값이 할당되지 않은 변수로 정의되지 않은 것, 존재하지 않는 것들의 값입니다. undefin..

kinds of copy ? 자바스크립트에서 복사는 깊은 복사(deep copy) 와 얕은 복사(shallow copy) 가 존재합니다. String , Boolean , Number 등 원시 타입(primitive type) 을 가지는 데이터는 복사가 일어날 때 새로운 메모리 공간을 확보해 생성하게 되어 메모리에 독립적인 값을 저장합니다. object (객체, 배열, 함수) 와 같은 참조 타입(reference type) 을 가지는 데이터는 변수에 저장하게 되면 메모리 절약을 위해 포인터만 새로 할당합니다. 즉 실제 값을 저장하는 것이 아니고 객체를 메모리 어딘가에 객체의 위치 값을 저장합니다. Copy example Deep Copy let A = 1; let B = A; // 깊은 복사가 일어나며 ..

What is This ? 자바스크립트에서 this 는 execution context 의 구성요소 중 하나로 모든 함수 scope 내에서 자동으로 설정되는 특수한 식별자이며 현재 실행 문맥을 나타냅니다. ( 실행문맥 이란 호출자가 누구인지를 의미합니다. ) execution context 이란 ? Execution Context 실행 컨텍스트는 추상적인 개념 . 실행 컨텍스트는 실행 가능한 코드가 실행되기 위해 필요한 환경입니다. (실행 컨텍스트)는 scope, hoisting, this, function, closure 등의 동작 원리를 담고 있습니다. 어떤 함수가 호출되면 execution context가 만들어집니다. 변수 : 전역변수, 지역변수, 매개변수, 객체의 프로퍼티 함수 선언 변수의 유효..

What is Closure ? 외부함수의 맥락(context) , 변수에 접근할 수 있는 내부함수 이며 scope chain으로 표현되기도 합니다. 보통 함수를 return 하여 사용하고 return 하는 내부함수를 closure 함수라고 부릅니다. 또한 함수 선언 시 생성되는 유효 범위를 의미하기도 합니다. Closure가 가지는 세 가지 scope chain Closure 자신에 대한 접근. (Closure function 내에 정의된 변수) 외부함수의 변수에 대한 접근 전역 변수에 대한 접근 Why use Closure ? Closure 는 어떤 데이터(어휘적 환경)와 그 데이터를 조작하는 함수를 연결하는 데 있어서 유용합니다. ( 객체지향 프로그래밍의 정보 은닉과 모듈화 같은 이점 들을 얻을 수..

부족한 정의 등 간단하게 정리 요약 자바스크립트 이벤트루프 기반의 싱글스레드 언어, 하나의 호출 스택을 사용해서 어느 하나의 함수가 실행되면 이 함수가 끝날 때 까지 다른 task 를 실행할 수 없다. 비동기 (event loof) 이 때 비동기영역 eventQueue 에 담긴 비동기함수들은 스택이 모두 비워지고 대기열에 들어온 순서대로 수행된다. 비동기 처리 Promise & async await 콜백이 중첩되는 경우가 따라서 발생하였고, 이를 해결할 방안으로 등장한 것이 Promise 패턴이다. Promise 패턴을 사용하면 비동기 작업들을 순차적으로 진행하거나, 병렬로 진행하는 등의 컨트롤이 보다 수월해진다. 또한 예외처리에 대한 구조가 존재하기 때문에 오류 처리 등에 대해 보다 가시적으로 관리할 ..

인자의 기본 값을 주는 예시 예시로 주어진 함수의 경우 인자가 하나만 주어지면 NaN 이 리턴된다. 인자가 없으면 1 이라는 조건을 주거나 이런식으로 주는 방법이 있다.

Destructuring은 구조화된 배열 또는 객체를 비구조화하여 개별적인 변수에 할당하는 것이다. 배열 또는 객체 리터럴에서 필요한 값만을 추출하여 변수에 할당하거나 반환할 때 유용하다. 배열의 각 요소를 배열로부터 추출하여 변수 리스트에 할당한다. 이때 추출/할당 기준은 배열의 인덱스. 활용예시