본문 바로가기

공부한 내용/javascript

객체지향 프로그래밍 객체지향 프로그래밍이란? 프로그래밍을 명령어 또는 함수의 목록으로 보는 전통적인 명령형 프로그래밍(imperative prograaming)의 절차지향적 관점에서 벗어나 여러개의 독립적 단위, 즉 객체(obejct)의 집합으로 프로그래밍을 표현하려는 프로그래밍 패러다임 객체지향 프로그래밍은 실세계의 실체(사물이나 개념)을 인식하는 철학적 사고를 프로그래밍에 접목하려는 시도에서 시작합니다. 실체는 특징이나 성질을 나타내는 속성(attribute/property)을 가지고 있고, 이를 통해 실체를 인식하거나 구별할 수 있습니다. 예를 들어, 사람은 이름, 주소, 성별, 나이, 신장, 체중 등 다양한 속성을 갖고, "이름이 홍길동이고 나이는 30세인 사람"과 같이 속성을 구체적으로 표현하면 특정한 사람을 다른.. 공부한 내용/javascript 2022. 5. 13.
프로퍼티 어트리뷰트 코드 내에서 함수를 정의하고, 해당 함수를 console.dir로 조회하면 함수 포스팅에서 살펴봤던 arguments, caller와 같은 프로퍼티 외에 [[FunctionLocation]], [[Prototype]], [[Scopes]]가 있는 것을 볼 수가 있습니다. 이렇게 이중 대괄호([[...]])로 감싼 이름들을 내부 슬롯(internal slot)과 내부 메서드(internal method)라고 합니다. 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티(pseudo property)와 의사 메서드(pseudo method)입니다. 내부 슬롯과 내부 메서드는 ECMAScript 사양에 정의된 대로 구현되어 자바스크립트.. 공부한 내용/javascript 2022. 3. 4.
스코프 스코프(scope, 유효 범위) 모든 식별자(변수 이름, 함수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효 범위가 결정됩니다. 이를 스코프(식별자가 유효한 범위)라 합니다. var x = 'global'; function foo() { var x = 'local'; console.log(x); // 1️⃣ 'local' } foo(); console.log(x); // 2️⃣ 'global' 코드의 가장 바깥 영역과 foo 함수 내부에 같은 이름의 변수 x를 선언하고, 1️⃣과 2️⃣에서 x를 참조합니다. 이때 자바스크립트 엔진은 이름이 같은 두 변수 중 어떤 변수를 참조할 것인지를 결정해야 합니다. 이를 식별자 결정(identifier resol.. 공부한 내용/javascript 2022. 3. 3.
함수 함수는 일련의 과정을 문(statements)으로 구현하고 코드 블록으로 감싸서 하나의 실행단위로 정의한 것 함수는 (다른 프로그래밍 언어도 마찬가지겠지만) 자바스크립트에서 가장 중요한 개념입니다. 자바스크립트의 핵심 개념인 스코프, 실행 컨텍스트, 클로저, 생성자 함수에 의한 객체 생성, 메서드, this, 프로토타입, 모듈화 등이 모두 함수와 깊은 관련이 있습니다. 이들을 이해하고 사용하기 위해 피해갈 수 없는 핵심 개념입니다. 프로그래밍 언어의 함수도 수학의 함수와 같이 입력을 받아서 출력을 내보냅니다. 이때, 입력을 전달받는 변수를 매개변수(parameter) 입력을 인수(argument) 출력을 반환값(return value) 라고 합니다. 함수는 값이며, 여러개 존재할 수 있으므로 함수를 구별.. 공부한 내용/javascript 2022. 3. 2.
객체 리터럴 자바스크립트는 객체(object) 기반의 프로그래밍 언어로, 자바스크립트를 구성하는 거의 모든 것이 객체입니다. 원시 타입(number, string, boolean, undefined, null, symbol)을 제외한 나머지(함수, 배열, 정규표현식 등)가 모두 객체입니다. 객체는 다양한 타입의 값을 하나의 단위로 구성한 복합적인 자료구조(data structure)입니다. 객체는 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 키(key)와 값(value)으로 구성됩니다. (일반적인 값과 프로퍼티의 값을 구분하기 위해, 프로퍼티의 값은 value라고 하겠습니다.) var person = { name: 'Lee', age: 20 }; name: 'Lee'와 age: 20가 각각 프로퍼티이며 nam.. 공부한 내용/javascript 2022. 3. 1.
문(statements) (ex. 선언문, 반복문..) 지금까지 반복문이나 조건문, 선언문이란 말을 사용해왔는데 문(statements)이 정확히는 무엇인지 몰랐습니다. 함수 표현식과 함수 선언문에 대해 공부하던 중 표현식과 선언문이 어떻게 다른지가 궁금해졌고, 문을 살펴보면 되겠다 싶어 정리합니다. 문에 대해 얘기하기 위해서는 값(value)과 리터럴(literal), 표현식(expression)을 먼저 짚고 넘어갸아 합니다. 간단하게 정리하자면, 값: 식(표현식)이 평가(evaluate)되어 생성된 결과를 말합니다. (10 + 20의 값은 30입니다.). 변수란 하나의 값을 저장하기 위해 확보한 메모리 공간(의 이름)이죠. 리터럴: 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법(notation)을 말합니다. 코드를 작성하면서.. 공부한 내용/javascript 2022. 2. 28.
실행 컨택스트 (0) 실행 컨택스트(execution context)는 자바스크립트의 동작 원리를 담고 있는 핵심 개념입니다. 실행 컨텍스트를 바르게 이해하면, 자바스크립트가 스코프를 기반으로 식별자와 식별자에 바인딩된 값을 관리하는 방식 호이스팅이 발생하는 이유 클로저의 동작 방식 태스크 큐와 함꼐 동작하는 이벤트 핸들러와 비동기 처리의 동작 방식 을 이해할 수 있습니다. 소스코드의 타입 ECMAScript 사양은 소스코드를 4가지 타입으로 구분합니다. 각각의 소스코드는 실행 컨텍스트를 생성합니다. 전역 코드(global code): 전역에 존재하는 소스코드. 전역에 정의된 함수, 클래스 등의 내부 코드는 포함 x 함수 코드(function code): 함수 내부에 존재하는 소스코드, 함수 내부에 중첩된 함수, 클래스 등의.. 공부한 내용/javascript 2022. 2. 24.
javascript는 인터프리터 언어일까? https://meetup.toast.com/posts/77 자바스크립트 엔진의 최적화 기법 (1) - JITC, Adaptive Compilation : NHN Cloud Meetup 자바스크립트 엔진의 최적화 기법 (1) - JITC, Adaptive Compilation meetup.toast.com 공부한 내용/javascript 2022. 2. 23.

티스토리툴바