본문 바로가기
728x90
반응형

JavaScript186

객체에 대한 액세스를 제어하자_1. 게터(getters)와 세터(setters) from Secrets of the JavaScript Ninja 이번 글은 'Secrets of the JavaScript Ninja'의 'Chapter 8. Controlling access to objects'를 바탕으로 작성하였습니다. 핵심 Concepts 객체 프로퍼티에 대한 접근을 제어하는 게터와 세터의 활용법 프록시(proxies)를 활용하여 객체에 대한 접근 제어하는 법 횡단 관심사(cross-cutting concern)를 위한 프록시 활용법 사전 지식 체크! 게터와 세터를 통해 프로퍼티의 값에 접근했을 때의 이점은 무엇인가 프록시와 게터와 세터의 주된 차이점은 무엇인가 프록시 트랩(proxy trap)은 무엇인가? 트랩의 세 가지 유형을 대보자 들어가며 프로퍼티 값의 유효성을 검사하거나, 로그(log)를 남기거나, UI에 데이터를 표현하는 등의 작업을.. 2022. 4. 18.
프로토타입(prototypes)을 활용한 객체 지향_2. 상속(inheritance)과 클래스(classes) from Secrets of the JavaScript Ninja 이번 글은 'Secrets of the JavaScript Ninja'의 'Chapter 7. Object orientation with prototypes'를 바탕으로 작성하였습니다. 핵심 Concepts 프로토타입에 대한 탐구 함수를 생성자로서 사용하기 프로토타입을 사용하여 객체 확장하기 일반적인 문제 피하기 상속을 활용한 클래스 작성 사전 지식 체크! 객체가 특정 프로퍼티에 접근할 수 있는지 어떻게 시험하는가? JavaScript에서 객체를 활용하여 작업할 때 프로토타입 체인(prototype chain)이 중요한 이유 ES6 클래스는 JavaScript가 객체와 작동하는 방식을 변경하는가? Achieving inheritance 상속(inheritance)는 새 개체가 기존 객체의 프로퍼티에 엑세.. 2022. 4. 16.
프로토타입(prototypes)을 활용한 객체 지향_1. 프로토타입 from Secrets of the JavaScript Ninja 이번 글은 'Secrets of the JavaScript Ninja'의 'Chapter 7. Object orientation with prototypes'를 바탕으로 작성하였습니다. 핵심 Concepts 프로토타입에 대한 탐구 함수를 생성자로서 사용하기 프로토타입을 사용하여 객체 확장하기 일반적인 문제 피하기 상속을 활용한 클래스 작성 사전 지식 체크! 객체가 특정 프로퍼티에 접근할 수 있는지 어떻게 시험하는가? JavaScript에서 객체를 활용하여 작업할 때 프로토타입 체인(prototype chain)이 중요한 이유 ES6 클래스는 JavaScript가 객체와 작동하는 방식을 변경하는가? 들어가며 프로토타입(prototype)은 특정 속성에 대한 검색을 위임할 수 있는 객체이다. 프로토타입은 프.. 2022. 4. 15.
미래를 향한 함수_2. 프로미스(promises) from Secrets of the JavaScript Ninja 이번 글은 'Secrets of the JavaScript Ninja'의 'Chapter 6. Funtions for the future: generators and promises'를 바탕으로 작성하였습니다. 핵심 Concepts 제너레이터를 활용한 끊임 없는 함수 실행 프로미스를 활용한 비동기적(asynchronous) 작업 수행 제너레이터와 프로미스를 합쳐 유려한 비동기적 코드 작성 사전 지식 체크! 제너레이터 함수의 일반적인 사용에는 어떤 것들이 있는가? 비동기적 코드를 구현하는 데 일반적인 콜백보다 프로미스가 더 나은 이유? Promise.race.를 활용하여 긴 코드 작업을 수행할 때 프로미스는 언제 해결되는가? 그리고 언제 해결되는 데 실패하는가? Working with promises Ja.. 2022. 4. 13.
미래를 향한 함수_1. 제너레이터(generators) from Secrets of the JavaScript Ninja 이번 글은 'Secrets of the JavaScript Ninja'의 'Chapter 6. Funtions for the future: generators and promises'를 바탕으로 작성하였습니다. 핵심 Concepts 제너레이터를 활용한 끊임 없는 함수 실행 프로미스를 활용한 비동기적(asynchronous) 작업 수행 제너레이터와 프로미스를 합쳐 유려한 비동기적 코드 작성 사전 지식 체크! 제너레이터 함수의 일반적인 사용에는 어떤 것들이 있는가? 비동기적 코드를 구현하는 데 일반적인 콜백보다 프로미스가 더 나은 이유? Promise.race.를 활용하여 긴 코드 작업을 수행할 때 프로미스는 언제 해결되는가? 그리고 언제 해결되는 데 실패하는가? 들어가며 일반적인 함수는 처음부터 끝까지 코.. 2022. 4. 13.
함수의 달인이 되자_1. 클로저(closure)와 스코프(scope) from Secrets of the JavaScript Ninja 이번 글은 'Secrets of the JavaScript Ninja'의 'Chapter 5. Functions for the master: closures and scopes'를 바탕으로 작성하였습니다. 핵심 Concepts 개발 과정을 간소화하기 위한 클로저 사용법 실행 컨텍스트(execution context)를 통한 JavaScript 프로그램의 실행 절차 추적 렉시컬 환경(lexical environments)를 통한 변수 스코프(variable scopes) 추적 변수 종류에 대한 이해 클로저 작동 방법에 대한 탐구 사전 지식 체크! 스코프는 각기 다른 변수나 메소드를 몇 개나 가질 수 있으며 종류는 무엇인가? 식별자(indentifier)는 어떻게 값을 가지며 추적되는가? 수정 가능한 변수는.. 2022. 4. 11.
프로토타입(Prototype)을 알아보자! 이번 글은 '何となくJavaScriptを書いていた人が１歩先に進むための本(아무 생각 없이 JavaScript를 작성하던 사람이 한 걸음 더 나아가기 위한 책)의 Chapter 5. プロトタイプを知っておこう！(프로토타입을 알아보자!)'를 바탕으로 작성하였습니다. 프로토타입이란? JavsScript에서 '프로토타입'이란 약간 어폐가 있긴 하지만 아무튼 '클래스(Class)의 대신'이라고 생각해두자. 원래 JavaScript에는 '클래스'라는 개념(※)이 없으므로 그 대신 이 '프로토타입을 구사하여 객체 지향과 유사한 기능'을 구현한다. ※ ES6(ECMAScript6)에 와서야 도입되었다. 프로토타입 프로퍼티(Prototype Property) 객체에는 멤버를 추가하기 위한 프로토타입 프로퍼티라는 것이 존재한.. 2022. 4. 7.
함수를 좀더 이해해보자! 이번 글은 'JavaScriptの理解を深めた人がさらにもう1歩先に進むための本(JavaScript를 깊게 이해한 사람이 한 걸음 더 나아가기 위한 책)의 Chapter 6. 関数をもっと理解しよう！(함수를 좀더 이해해보자!)'를 바탕으로 작성하였습니다. 다시금 '함수'란 무엇인가 JavaScript에서 함수는 언급할 필요도 없을 만큼 매우 중요하다. '함수'란 도대체 무엇인가. 사전적 정의가 아니라 어떤 원리로써 함수 안에 정의된 내용을 실행하는 것인가. 우선 함수가 갖는 특징을 아래에서 살펴보자. 함수도 객체이다. 함수 자신을 인수나 반환값으로 설정할 수 있다.(고차함수) 인수를 엄밀히 확인하지는 않는다. '() 연산자'로 실행한다. 특히 '함수도 객체이다'라는 점은 다른 언어에는 없는 JavaScript만.. 2022. 4. 7.
함수에 대한 이해를 넓혀 보자! 이번 글은 '何となくJavaScriptを書いていた人が１歩先に進むための本(아무 생각 없이 JavaScript를 작성하던 사람이 한 걸음 더 나아가기 위한 책)의 Chapter 4. 関数の理解を深めよう！(함수에 대한 이해를 넓혀보자!)'를 바탕으로 작성하였습니다. 함수를 제패하는 자 프로그래밍 세계를 제패한다 JavaScript의 세계에서 객체와 더불어 중요한 키워드는 '함수'이다. 다른 언어와 달리 'JavaScript에서는 함수도 자료형의 일종'이어서 다른 언어를 경험한 사람들은 이 점을 자주 헷갈려한다. 따라서 JavaScript를 이해하는 데 있어 JavaScript만의 독자적인 함수의 기능을 아는 것이 매우 중요하다. 함수의 정의 방법 JavaScript에서 함수는 3가지 방법으로 정의 가능하다. .. 2022. 4. 7.
728x90
반응형

티스토리툴바