전체 글

고차함수 : 함수를 파라미터(인자)로 전달 받거나 연산의 결과로 반환해주는 메서드를 일컫는다 함수형 프로그래밍의 핵심이기도 하며, 자바스크립트를 함수형 프로그래밍에 알맞은 언어로 만들어주는 특성 함수형 프로그래밍이란? 함수형 프로그래밍은 함수를 다른 함수의 파라미터로 넘길 수도 있고 반환 값으로 함수를 받을 수도 있는 프로그래밍 형태 forEach() for문을 대체하는 고차 함수 반복문을 추상화하여 구현된 메서드이고 내부에서 주어진 배열을 순회하면서 연산을 수행 array.forEach((item,index,thisArr) => { /* item : 배열요소값 index : 배열 인덱스 thisArr : 참조한 배열 리턴값 : 없음 */ }) const numberArr = [1,2,3,4,5]; le..

이벤트 루프 : 싱글 스레드인 자바스크립트의 작업을 멀티 스레드로 돌려 작업을 동시에 처리시키게 하던가, 여러 작업 중 어떤 작업을 우선으로 우선으로 동작시킬 것인지 결정하는 세심한 컨트롤을 하기 위해 존재하는 것 브라우전 내부의 call stack, callback Queue, Web api등의 요소들을 모니터링하면서 비동기적으로 실행되는 작업들을 관리하고 이를 순서대로 처리해서 프로그램의 실행흐름을 제어한다 = 브라우저의 동작 타이밍을 제어하는 관리자 자바스크립트의 setTimeout이나 fetch와 같은 비동기 자바스크립트 코드를 브라우저 Web APIs에게 맡기고, 백그라운드 작업이 끝난 결과를 콜백 함수 형태로 큐에 넣고 처리 준비가 되면 호출 스택(call stack)에 넣어 마무리 작업을 진..

class 타입스크립트에서 class를 사용하게 되면 속성부분의 타입을 위쪽에 있는 class body 부분에 명시해야한다. 초기값이 필요하면 각각 타입선언의 뒤쪽에 값을 입력할 수 있다. 접근 제어자 public - 어디서나 자유롭게 접근 가능, 클래스 바디에서 생략가능 protected - 나의 파생된 후손 클래스 내에서 접근 가능 private - 내 클래스에서만 접근 가능 public class UserA { public first: string = '' public last: string = '' public age: number = 0 constructor(first: string, last: string, age: number) { this.first = first this.last = la..

명시적 this타입 interface Cat { name: string age: number } const cat:Cat = { name: 'Lucy', age: 3 } function hello(this: Cat, message: string){ console.log(`hello ${this.name}, ${message}`) } hello.call(cat, 'you are pretty') 함수의 매개변수처럼 this가 Cat 인터페이스를 따르는 객체를 가르킬 것이라 알려주면 this에는 형식 주석이 없으므로 암시적으로 'any' 형식이 포함됩니다라는 메세지는 출력되지 않는다 매개변수에 this를 포함시키는 것처럼 포함시키는 것처럼 보이지만 활용되지 않고 단지 문법적 지원으로 보면 된다. 함수의 오버로..

인터페이스 : 클래스를 위한 템플릿으로서의 기능을 수행하는 추상 클래스의 한 종류이다. 타입체크를 위해 사용되며 변수, 함수, 클래스레 사용할 수 있다 여러가지 타입을 갖는 프로퍼티로 이루어진 새로운 타입을 정의하는 것과 유사 //인터페이스 interface User { name : string age : number isValid : boolean } const heropy: User = { name : 'heropy', age: 87, isValid : true } const neo: User = { name : 'jj', age: 122 } 선택적 속성 : ? ? 가 없으면 각각의 속성은 필수로 존재를 해야 한다. 속성의 이름을 지정하는 것은 필수 interface User { name : stri..

타입추론 개발자가 굳이 변수를 선언할 때 타입을 쓰지 않아도 컴파일이 스스로 판단해서 타입을 넣어주는 것 타입 스크립트가 코드를 해석해나가는 동작 1 초기화 된 변수 2 기본값이 설정된 매개변수 3 변환값이 있는 함수 가장 적절한 타입: 타입은 보통 몇개의 코드를 바탕으로 타입을 추론한다. 그리고 그 표현식을 이용하여 가장 근접한 타입을 추론 가장 근접한 타입을 best Commom type이라고 한다. 문맥상의 타이핑: 타입을 추론하는 또하나의 방식은 문맥 상으로 타입을 결정하는 것 문맥상의 타이핑은 코드의 위치를 기준으로 일어난다. 타입스크립트의 타입 체킹: 타입 체킹에 있어서 타입 스크립트의 지향점은 타입 체크는 값의 형태에 기반하여 이루어져야 한다 Duck Typing 또는 Structural S..

타입스크립트 변수나 함수와 같은 자바스크립트 코드에 타입을 정의할 수 있다. 기본 타입은 Boolean Number String Object Array Tuple 배열의 길ㅇ가 고정되고 각 요소의 타입이 지정되어 있는 배열의 형식을 의미 만약 정의하지 않은 타입, 인덱스로 접근할 경우 오류가 난다 Enum any 기본 자바스크립트로 구현되어 있는 웹 서비스 코드에 타입스크립트를 점진적으로 적용할 때 활용하면 좋은 타입. 단어 의미 그대로 모든 타입에 대해서 허용 (권장하지 않음) void 반환값이 있는 함수의 반환 타입, return이 없거나 있더라도 반환하는 값이 없으면 함수의 반환 타입을 void로 지정 null undefined never 함수의 끝에 절대 도달하지 않는다는 의미를 지닌 타입 //s..

48. 모듈 48.1 모듈의 일반적 의미 모듈이란 애플리케이션을 구성한느 개별적 요소로서 재사용 가능한 코드 조각을 말한다. 일반적으로 모듈은 기능을 기준으로 파일 단위로 분리한다 이때 모듈이 성립하려면 모듈은 자신만의 파일 스코프(모듈 스코프)를 가질 수 있어야 한다. 모듈은 공개가 필요한 자산에 한정하여 명시적으로 선택적 공개가 가능하다. 이를 export라 한다 모듈 사용자는 모듈이 공개한 자산 중 일부 또는 전체를 선택해 자신의 스코프 내로 불러들여 재사용할 수 있다. 이를 import라 한다. 코드의 단위를 명확히 분리하여 애플리케이션을 구성할 수 있고, 재사용성이 좋아서 개발 효율성과 유지 보수성을 높일 수 있다. 48.2 자바스크립트 와 모듈 자바스크립트의 모듈 시스템은 크게 CommonJS..

47. 에러 처리 47.1 에러 처리의 필요성 에러처리를 구현하는 방법은 두가지가 있다. querySelector나 Array#find 메서드처럼 예외적인 상황이 발생하면 반환하는 값(null, -1)을 if 문이나 단축 평가 또는 옵셔널 체이닝 연산자를 통해 확인해서 처리하는 방법과 에러 처리 코드를 미리 등록해 두고 에러가 발생하면 에러 처리 코드로 점프하도록 하는 방법이 있다 try...catch...finally문은 일반적인 에러 처리라고 한다. 3개의 코드 블록으로 구성된다. 더보기 try { // 실행된 코드 (에러가 발생할 가능성이 있는 코드) } catch (err) { // try 코드 블록에서 에러가 발생하면 이 코드 블록의 코드가 실행된다. // err에는 try 코드 블록에서 발생한..

46. 제너레이터와 async/await 46.1 제너레이터란? 제너레이터는 코드 블록의 실행을 일시 중지했다가 필요한 시점에 재개할 수 있는 특수한 함수다. 46.2 제너레이터 함수의 정의 제너레이터 함수는 function* 키워드로 선언한다 그리고 하나 이상의 yield 표현식을 포함한다.이것을 제외하면 일반함수를 정의하는 방법은 다음과 같다 function* getDecFunc(){ yield 1; } const getExpFunc = function* () { yield 1; } function* getDecFunc() {yield 1;} function* getExpFunc() {yield 1;} 화살표 함수로 정의할 수 없다. new 연산자와 함께 생성자 함수로 호출할 수 없다. 46.3 제너..

45. 프로미스 비동기 처리를 위한 또 다른 패턴, 전통적인 콜백 패턴이 가진 단점을 보완하며 비동기 처리 시점을 명확하게 표현할 수 있다는 장점이 있음 45.1 비동기 처리를 위한 콜백 패턴의 단점 1. 콜백 헬 콜백 함수를 통해 비동기 처리 결과에 대한 후속 처리를 수행하는 비동기 처리 경과를 가지고 또다시 비동기 함수를 호출해야 한다면 콜백 함수 호출이 중첩되어 복잡도가 높아지는 현상이 발생한다. 2. 에러처리의 한계 에러는 호출자 방향으로 전파된다, 즉 콜 스택의 아래방향으로 전파 비동기 처릴 위한 콜백 패턴은 콜백 헬이나 에러 처리가 곤란하다는 문제가 있다. => 이를 극복하기 위해 프로미스가 도입 45.2 프로미스의 생성 new 연산자와 함께 객체 생성 객체가 아닌 빌트인 객체이다. 생성자 함..

44. REST API REST는 HTTP를 기반으로 클라이언트가 서버에 리소스에 접근하는 방식을 규정한 아키텍처고, REST API는 REST를 기반으로 서비스 API를 구현한 것을 의미한다. 44.1 REST API의 구성 REST API는 자원 ,행위,표현의 3가지 요소로 구성된다. REST는 자체 표현 구조로 구성되어 REST API만으로 HTPTP 요청의 내용을 이해할 수 있다. 44.2 REST API 설계 원칙 기본적 원칙 2가지 URI는 리소스를 표현하는 데 집중하고 행위에 대한 정의는 HTTP 요청 메서드를 통해 하는 것이 RESTful API 설계하는 중심 규칙이다. 1. URI는 리소스를 표현해야 한다 URI 리소스를 표현하는데 중점을 두어야 한다. 리소스를 식별할 수 있는 이름은 동..