- Today
- Total
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- git error
- 자바스크립트
- 에러처리
- async
- JavaScript
- 백준
- html
- 모던 자바스크립트 deep dive
- git
- 비동기
- Java Script
- 프론트엔드
- get
- C++
- 알고리즘
- React
- 모던 자바스크립트
- error
- map
- 그림으로 배우는 http&network
- 백준 실버
- http
- Angular
- 이터러블
- 웹
- 네트워크
- deep dive
- es6
- js
- 상태관리
목록JavaScript (28)
sharingStorage

객체지향 프로그래밍 객체지향 프로그래밍은 프로그램을 명령어 또는 함수의 목록으로 보는 전통적인 명령형 프로그래밍의 절차지향적 관점에서 벗어나 여러 개의 독립적 단위, 즉 객체의 집합으로 프로그래밍을 표현하는 프로그래밍 패러다임을 말한다. 객체지향 프로그래밍은 실세계의 실체를 인식하는 철학적 사고를 프로그래밍에 접목하려는 시도에서 시작하는데 실체는 특징이나 성질을 나타내는 속성을 가지고 있고 이를 통해 실체를 인식하거나 구별할 수 있다. 위와 같이 객체의 상태를 나타내는 데이터와 상태 데이터를 동작을 하나의 논리적인 단위로 묶어 생각하는 것이 객체지향 프로그래밍이다. 19.2 상속과 프로토타입 자바스크립트는 프로토타입을 기반으로 상속을 구현하여 불필요한 중복을 제거한다. 위의 코드에서 getArea() 메..

18.1 일급 객체 일급 객체란 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리킨다. 일급 객체는 다음과 같은 조건을 만족해야한다. 무명의 리터럴로 생성할 수 있다. 즉 런타임에 생성이 가능하다. 변수나 자료구조에 저장할 수 있다. 함수의 매개변수에 전달할 수 있다. 함수의 반환값으로 사용할 수 있다. 일반 객체는 호출할 수 없지만 함수객체는 호출할 수 있으며 함수 객체는 일반 객체에는 없는 함수 고유의 프로퍼티를 소유한다. 18.2 함수 객체의 프로퍼티 console.dir 메서드를 사용하면 함수 객체 내부를 들여다볼 수 있다. 18.2.1 arguments 객체 선언된 매개변수의 개수와 함수를 호출할 때 전달하는 인수의 개수를 확인하지 않는 자바스크립트의 특성 때문에 함수가 호..

생성자 함수에 의한 객체 생성 객체를 생성할 수 있는 방법은 객체 리터럴과 생성자 함수를 사용하는 방식이 있다. 17.1 Object 생성자 함수 new연산자와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환한다. 이후 프로퍼티 또는 메서드를 추가하여 객체를 완성할 수 있다. 생성자 함수란 new 연산자와 함께 호출하여 객체를 생성하는 함수를 말한다. 생성자 함수에 의해 생성된 객체를 인스턴스라한다. 자바스크립트는 String, Boolean, Function, Array, Date등의 빌트인 생성자를 제공한다. String, Number, Boolean 빌트인 생성자 함수 Array, Date 생성자 함수 17.2.1 객체 리터럴에 의한 객체 생성 방식의 문제점 객체를 생성하는 방식은..

16.1 내부 슬롯과 내부 메서드 내부 슬롯과 내부 메서드는 자바스크릅티 엔젠의 구현 알고리즘을 설명하기 위해 ECMAScript 사앙에서 사용하는 의사 프로퍼티와 의사 메서드다. 16.2 프로퍼티 어트리뷰트와 프로퍼티 디스크립터 객체 자바스크립트 엔진은 프로퍼티를 생성할 때 프로퍼티의 상태를 나타내는 프로퍼티 어트리뷰트를 기본 값으로 자동 정의한다. 프로퍼티의 상태란 아래의 네가지를 말한다. 프로퍼티의 값 value 값의 갱신 가능 여부 writable 열거 가능 여부 enumerable 정의 가능 여부 configuration 프로퍼티 어트리뷰트는 자바스크립트 엔진이 관리하는 내부 상태 값이여서 직접 접근할 수 없지만 Object.getOwnPropertyDescriptor 메서드를 사용하여 간접적으..
9장 타입 변환과 단축 평가 9.1 타입 변환 자바스크립트의 모든 값은 타입이 있다. 개발자가 의도적으로 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅이라고 한다. 개발자의 의도와는 상관없이 표현식을 평가하는 중에 자바스크립트 엔진에 의해 암묵적으로 타입이 변환되는 것을 암묵적 타입 변환 또는 타입 강제 변환이라고 한다. 명시적 타입 변환이나 암묵적 타입 변환이 기존 원시값을 직접 변경하는 것이 아니다. 원시 값은 변경 불가능한 값이므로 타입변환이란 기존 원시 값을 사용해 다른 타입의 새로운 원시 값을 생성하는 것이다. 9.2 암묵적 타입 변환 //암묵적 타입 변환 var x = 10; //문자열 연결 연산자는 x값을 바탕으로 새로운 문자열 생성 var str= x + ''; console.l..
6장 데이터 타입 자바스크립트(ES6)는 7개의 데이터타입을 제공한다. 6-1 숫자타입 C나 자바의 경우 정수와 실수를 구분해서 숫자타입을 제공하지만 자바스크립트는 독특하게 하나의 숫자타입 만 존재한다. 즉 정수를 표기하기위한 데이터타입 (int와 같은)이 존재하지 않고 2진수, 8진수, 16진수를 표현하기 위한 데이터 타입도 제공하지 않는다. (타입스크립트라면? ) var binary = 0b0100001; // 2진수 var octal = 0o101; // 8진수 var hex = 0x41; // 16진수 console.log(binary); // 65 console.log(octal); // 65 console.log(0x41); // 65 console.log(octal === hex) // tu..
Pure function(퓨어 함수) pure함수란 다음 두가지 조건을 만족하는 함수이다. predictable (예상가능한) no side effects (부수효과가 없는) predictable 여기서 predictable이란 퓨어함수가 호출된 횟수에 관계없이 동일한 input은 동일한 output을 반환해야한다는 것이다. no side effects 이것을 이해할면 side effect부터 알아야한다. side effect의 사전적 의미는 '원래의 목적과 다르게 작용하는 효과'인데 여기서는 '최종 output과 관련없는 함수가 수행하는 작업'으로 생각한다. (상태의 변화를 나타낸다고도 한다.) 예컨데 덧셈을 하는 add함수가 있는데 그 안에 console.log를 사용해 여러가지 값을 출력한다면 이것..

- RxJS : RxJS는 Reactive Extension for JavaScript의 약어로 Javascript 라이브러리이다. Reactive X는 Observer패턴, Iterator패턴, 함수형 프로그래밍을 조합하여 제공하는 것이며 RxJS는 이벤트 스트림을 Observerable이라는 객체로 표현한 후 비동기, 이벤트 기반의 프로그래밍 작성을 돕는다. 이벤트 처리를 위한 API로 다양한 연산자를 제공하는 함수형 프로그래밍 기법도 도입되어 있다. ※Reactive Extensions : Reactive X프로젝트에서 출발한 Reactive Programming을 지원하기위해 확장한 것 . - Reactive Programming : : Reactive 하다는 것은 데이터를 다룰 때에 스트리밍형식..