본문 바로가기

독서 목록/모딥다 Modern JS Deep Dive

(36)

[모딥다] 번외 ) 우리는 왜 프로토타입에 대해서 알아야할까? 16장 ~ 18장 을 읽으며 객체가 JS 의 기반이라 중요한 거 알겠는데, 우리가 실질적으로 어디에 프로토타입을 쓸 수 있다는거지..? 내부 구조를 어디에 써먹지..? 등의 의문이 들었다. 의문이 들긴 했으나, 뒤에서 알려주지 않을까? & 우선 스터티 진도부터 나가자! 라는 생각에 찾아볼 생각은 안했었다. 모딥다 스터디 스레드에 올라온 질문 그르게용 이렇게 아쉬운 부분에 대해 이야기가 나왔다. GPT 한테 물어볼까란 생각이 불현듯 들었다. 자바스크립트에서 프로토타입(Prototype)은 객체지향 프로그래밍에서 매우 중요한 개념 중 하나입니다. 자바스크립트는 객체지향 언어이며, 모든 객체는 프로토타입을 가집니다. 이 프로토타입은 해당 객체의 기능과 속성을 정의합니다. 프로토타입은 객체 간에 상속을 구현하는..

[모딥다] 18장 함수와 일급 객체 💚 18.1 일급 객체 1. 무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다. 2. 변수나 자료구조(객체, 배열 등)에 저장할 수 있다. 3. 함수의 매개변수에 전달할 수 있다. 4. 함수의 반환값으로 사용할 수 있다. JS 의 함수는 이 모든 조건을 만족하므로 일급 객체다. 함수가 일급 객체 -> 함수와 객체를 동일하게 사용할 수 있다는 의미. 함수를 값으로 동일하게 취급할 수도 있다. -> 함수는 값을 사용할 수 있는 곳이라면 어디든 리터럴로 정의할 수 있으며, -> 런타임에 함수 객체로 평가된다. 일급객체 함수의 가장 큰 특징 : 일반 객체와 같이 함수의 매개변수에 전달할 수 있으며, 함수의 반환값으로도 사용할 수 있다는 것. 💚18.2 함수 객체의 프로퍼티 함수는 일반 객체와 다르..

[모딥다] 17장 생성자 함수에 의한 객체 생성 -> 생성자 함수를 사용해 객체를 생성하는 방식을 알아본다. 🌻 17.1 Object 생성자 함수 new 연산자와 함께 Obj 생성자 함수를 호출하면 빈 객체를 생성, 반환한다. 이후에 프로퍼티, 메서드를 추가해서 객체를 완성할 수 있다. 생성자 함수 : new 연산자와 함께 호출해 객체(인스턴스)를 생성하는 함수. 인스턴스 : 생성자 함수에 의해 생성된 객체 const person = new Object(); person.name = 'Lee'; person.sayHello = function () { console.log("Hello" + this.name) }; JS 는 Object 생성자 함수 외에 String, Number, ... 등등 의 빌트인 생성자 함수를 제공한다. 🌻 17.2 생성자 함..

[모딥다] 16장 프로퍼티 어트리뷰트 🌱 16.1 내부 슬롯과 내부 메서드 내부 슬롯, 내부 메서드 => JS 엔진의 구현 알고리즘을 설명하기 위한 의사 프로퍼티와 의사 메서드 [[ ... ]] 이렇게 감싼 이름들임. 얘네는 ECMAScript 사양에 정의된 대로 구형되고, JS 엔진에서 실제로 동작하긴 하지만, 개발자가 직접 접근할 수 있도록 외부로 공개된 객체의 프로퍼티는 아니다. 즉, 내부 슬롯과 내부 메서드는 JS 엔진의 내부 조직 => 원칙적으론 직접 접근하거나 호출할 수 있는 방법을 제공하진 않는다. 하지만, 일부 내부 슬롯과 내부 메서드에 한해 간접적으로 접근할 수 있는 수단을 제공하기는 함. 모든 객체는 [[Prototype]] 이란 내부 슬롯을 가지고, __proro__ 를 통해 간접적으로 접근이 가능하다. 🌱 16.2 프로..

[모딥다] 15장 let, const 키워드와 블록 레벨 스코프 15.1 var 키워드로 선언한 변수의 문제점 15.1.1 변수 중복 선언 허용 동일한 이름의 변수 선언이 가능함. 15.1.2 함수 레벨 스코프 오로지 함수의 코드 블록만을 지역 스코프로 정함. -> 외부에서 var 키워드로 선언한 변수 : 모두 전역 변수가 됨. 15.1.3 변수 호이스팅 변수 호이스팅에 의해 vay 키워드로 선언한 변수는 변수 선언문 이전에 참조할 수 있다. 15.2 let 키워드 15.2.1 변수 중복 선언 금지 중복으로 선언 안됨. 15.2.2 블록 레벨 스코프 모든 코드 블록을 지역 스코프로 인정하는 블록 레벨 스코프를 따른다. 15.2.3 변수 호이스팅 변수 호이스팅이 발생하지 않는 것처럼 동작한다. 선언문 이전에 참조하면, ReferenceError 발생함. let 으로 선..

[모딥다] 14장 전역 변수의 문제점 14.1 변수의 생명 주기 14.1.1 지역 변수의 생명 주기 변수의 생명 주기 - 변수는 선언에 의해 생성되고 할당을 통해 값을 갖게 되며 언젠가 소멸함. - 변수는 자신이 선언된 위치에서 생성되고 소멸함. - 변수 선언은 런타임이 아니라, 런타임 이전 단계에서 실행됨. (전역변수 한정) - 지역 변수는 함수가 호출 될 때 선언됨 -> 지역변수의 생명 주기 === 함수의 생명 주기 - 변수의 생명 주기 : 메모리 공간이 확보된 시점부터 메모리 공간이 해제되어 가용 메모리 풀에 반환되는 시점까지 => 변수는 자신이 등록된 스코프가 소멸될 때까지 유효함. - 함수 내부에서 변수 선언 이전에 변수를 사용한다면 -> 함수 내의 변수를 사용하는 게 맞고 대신 undefined 를 갖고 있음. (호이스팅 -> 스..

[모딥다] 13장 스코프 13.1 스코프란? 스코프 : 식별자가 유효한 범위 var 키워드 / const, let 키워드는 다르게 동작함. 📌 모든 식별자는 자신이 설언된 위치에 의해 스코프가 결정된다. 식별자 결정 : JS 엔진이 스코프를 통해 어떤 변수를 참조할 것인지 결정하는 것. => 스코프는 JS 엔진이 식별자를 검색할 때 사용하는 규칙이기도 함. 📌 렉시컬 환경 : 코드가 어디서 실행되며, 주변에 어떤 코드가 있는지를 의미 -> 코드의 문맥은 렉시컬 환경으로 이뤄짐. -> 이걸 구현한 것 : 실행 컨텍스트 스코프 내에서 식별자는 유일해야하지만, 다른 스코프에서는 동일한 이름의 식별자를 사용할 수 있음. 📌 var 키워드 사용한 변수 : 같은 스코프 내에서 중복 선언이 가능 => 의도치 않게 변수값이 재할당 & 변경되는..

[모딥다] 12장 함수 🫧 12.1 함수란? JS에서 가장 중요한 핵심 개념. 다른 핵심 개념 (스코프, 실행 컨텍스트 등..) 과 깊은 관련이 있음. JS 를 이해하기 위한 핵심 중의 핵심 함수는 일련의 과정을 문으로 구현, 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것. 입력을 받아서 출력을 내보냄. 매개변수 : 함수 내부로 입력을 전달받는 변수 인수 : 입력 반환값: 출력 함수는 함수 정의를 통해 생성됨. 함수 호출 : 함수는 정의만으로 실행되는 것이 아니라, 실행을 명시적으로 지시해야함. 🫧 12.2 함수를 사용하는 이유 동일한 반복 작업을 수행할 시, 여러번 호출 가능 -> 코드의 재사용 가능 여러 번 작성 시 수정하려면 걸리는 시간 & 오류 가능성 증가 -> 유지보수의 편의성과 코드의 신뢰성을 높이기 위해 함수..

이전 1 2 3 4 5 다음

728x90

티스토리툴바