PSD( Private-Self-Development )

TS 클로저 클로저는 지속되는 유효 범위(persistence scope)를 의미. JS 고유의 기능이 아니라 함수형 프로그래밍의 기능 const add = (x: number) => { // 바깥쪽* *유효* *범위* *시작* return (y:number): number => { // 안쪽* *유효* *범위* *시작* return x + y; // 클로저* } // 안쪽* *유효* *범위* *끝* } // 바깥쪽* *유효* *범위* *끝* console.log(add(1)(2)); // 3* 함수 안쪽 유효 범위만 놓고 본다면 'x'는 존재하지 않는 변수. 이처럼 범위 안에서 의미를 알 수 없는 변수를 자유 변수. TS는 자유 변수가 존재한다면 바깥쪽 유효 범위에서 'x'라는 변수를 찾아 컴파일함. ..

소스맵 typeScript 소스는 JavaScript로 컴파일되어 실행되는데, 원래의 TypeScript 소스와 실행되는 JavaScript 사이의 매핑 정보를 가지고 있는 파일을 소스맵 이라고 한다 Visual Studio 또는 Chrome의 개발 도구가 이파일을 사용한다 Node.js는 TypeScript를 이해하지 못하기 때문에 TypeScript를 JavaScript로 컴파일 해주어야한다 **TypeScript디버깅시 source map을 사용하여 실행되는 JavaScript에 상응하는 TypeScript 소스 정보를 얻게 된다.** 웹브라우저 , 자바스크립트 엔진에서는 자바스크립트가 동작하기 떄문에 타입스크립트 코드를 컴파일 해야한다 **- 컴파일 : 빌드 과정중 하나 ,코드를 기계어로 번역 -..

데코레이터 클래스, 메서드, 접근자, 프로퍼티, 파라미터에 기능을 추가해주는 선언 function exampleDecorator(exampleString: string){ //데코레이터 팩토리 ... return function (exampleFunction :Function){ // 데코레이터 함수 ... } } @exampleDecorator() class exampleClass {...} 믹스인 다른 클래스의 부모클래스가 되지 않으면서 다른 클래스에서 사용할 수 있는 메서드를 포함하는 클래스. 단독으로 사용할수 없으며 다른 클래스에 추가되어 사용 TS는 다중상속을 지원하지 않지만 믹스인을 사용해 구현 가능 타입스크립트의 믹스인: {new(…args: any[]):{}} 데코레이터와 믹스인 funct..

열거 타입 숫자 열거형 초기화되지 않은 열거형이 먼저 나오는 경우 enum Weekdays { Monday, //0 Tuesday, //1 Wednesday = 5, //5 Thursday, //6 ... } 계산된 맴버: 초기화되지 않은 열거형의 앞에 계산된 맴버는 나오지 못함 function returnNumberFive():number { return 5; } enum Weekdays { Monday = 1, //1 => 상수 맴버 Tuesday, //2 => 상수 맴버 Wednesday = Monday + Tuesday //3 => 컴파일 타임에서 3이 할당되는 상수 맴버 Thursday = returnNumberFive(), //5 => 런타임에서 값이 할당되는 계산된 맴버 Friday, //?..

OOP(객체 지향 프로그래밍) 이란? 프로그래밍에 필요한 데이터를 추상화시켜 상태와 행위를 가지는 객체 를 만들어, 객체들 간의 상호작용을 통해 로직을 구현 하는 것 장점 코드 재활용 용이하다. 유지 보수성이 증가한다. 큰 프로젝트에 유용하다. 단점 상대적으로 코드가 무겁다. 특징 클래스 : 객체를 생성하기 위한 설계도 EX) 요리 레시피 인스턴스(객체) : 클래스를 통해 생성된 실물 EX) 요리 추상화 : 공통의 속성이나 이름을 묶어 정의하는 것 캡슐화 : 접근제어자를 통해 객체 내부의 직접적인 정보는 모르더라도 기능은 사용 가능하도록 만드는 것 EX) 믹서기 내부 구조는 모르지만 버튼을 눌러 사용 가능하다 상속 : 부모 클래스의 특징을 상속받아 여러 자식 클래스를 생성 및 정의 할 수 있다. 클래스 ..

변수 타입 선언 1. 기본타입 string : 문자열 boolean : true/ false number : 숫자 symbol : symbol 생성자를 호출해 생성된 고유값 ES6 에 추가된 변경 불가능한 타입으로 객체 프로퍼티를 만들 수 있다. ex. const sym1 = Symbol(’orderId’); const sym2 = Symbol(’orderid’); ⇒ 두 Symbol 은 동일하지 않다. 새로운 Symbol를 추가시 new 키워드는 생략됨,즉 symbol은 객체 프로퍼티의 고유값을 가진 키를 생성할떄 사용한다. any : 모든 타입을 허용하는 타입, 코드를 쓰는 동안 정해지지 않는 변수를 지정할 수 있음 숫자, 텍스트, 부울 또는 커스텀 타입 값을 할당 할 수 있음 사용할경우 타입 체크의..

타입스크립트 자바스크립트(JS)를 기반으로 정적 타입 문법을 추가한 프로그래밍 언어. 타입스크립트의 특징 컴파일 언어, 정적 타입 언어 JS는 인터프린터 언어, TS는 컴파일러 언어로 컴파일을 통해 type을 체크함으로서 type오류를 일차적으로 확인하여 type 안정성을 확보 type에 대한 예외저리를 하지 않아도됨 JS가 자주 호출되는 함수를 최적화하는데 도움을 줌(자주 호출되는 함수의 인자의 type 값을 읽어둠으로) 이미 type이 정해져 런타임에 들어가 실행 속도가 빠름 JS의 Superset(상위집합) JS의 기본 문법에 TS의 문법이 추가된 형태로 .js파일을 .ts파일로 변경하여 컴파일해 사용할 수 있음. 즉 js 파일을 .ts파일로 변경하여 타입을 선택적으로 적용 가능. 또한 기존의 JS..