📒[TypeScript 마스터 with Webpack & React]

기존 JS에 선택적으로 정적 타입 선언(Optional Static Type Notation)을 할 수 있는 표기법이 추가되었다.선택적 정적 타입 선언 표기법 (Optional Static Type Notation)\-> TS를 이용하면 변수에 정적으로 미리 타입 선언

TypeScript의 함수는 JavaScript처럼 함수를 생성할 수 있지만, 매개변수의 타입과 반환 타입을 설정해야 한다.function 변수명(매개변수 : 매개변수 타입) : 반환값의 타입 { }만약 밑에 함수가 return 을 해야될 경우 return할 타입이 명

TypeScript에서는 객체를 설명하는 어노테이션을 만들 수 있으며 변수 또는 객체를 선언할 때, 타입을 정의해야한다.정의하는 방법은 interface와 type이 존재일반적으로 확장성이 좋은 interface 사용을 권장한다.타입이 심플하거나 절대 변경되지 않는 경

TS에서는 함수 파라미터, 반환 값, 변수를 어노테이션 처리함으로 배열이라고 알 수 있다.

유니온 타입은 변수의 값이 여러 타입을 가지는 경우 주로 사용된다.유니온 타입을 활용하여 배열에도 사용할 수 있다.리터럴 타입이은 고정된 값을 지정할 수 있다.유니온 타입에 리터럴 타입을 활용하면 변수나 함수 파라미터에 여러 리터럴 타입을 선언할 떄 유용하다.

배열 타입이지만 길이와 타입과 배열 순서가 고정된다. Enum은 명명된 상수 집합을 정의할 수 있다.코드 전체에서 재사용할 수 있는 명명된 상수의 집합이다.한 묶음의 이름을 enum에 지정하면 계속해서 참조가 가능하고 편리하게 자동 완성 기능도 사용가능하다.

대부분의 작업의 경우 이 둘의 역할은 동일하지만 핵심적인 차이가 있다.인터페이스는 오직 객체 형태만 묘사할 수 있다. 타입 별칭은 모든 타입을 묘사 할 수 있다.즉, 모든 종류의 타입 별칭을 인터페이스로 대체할 수는 없으므로객체의 형태를 묘사하는 경우가 아니라면 타입

터미널에 아래의 명령어를 입력하면 폴더에 몇몇 설정과 100여개의 주석이 달린 tsconfig.json 파일이 생성될 것이다.tsconfig는 타입스크립트를 자바스크립트로 변환활 때 설정을 정의해놓은 파일이다.제네릭 tsc 명령어를 사용하면 모든 .ts 파일을 컴파일링

1. 선택적(Optional) 2. Non-Null 단언 3. 타입 단언

자바 스크립트는 원래 클래스는 없었고 프로토타입 시스템과 생성자 함수만 있었다.생성자 정의는 필수는 아니지만 대개 클래스를 정의할 떄 사용한다.constructor라고 정의해야 자동으로 호출된다.클래스 필드는 필드와 프로퍼티를 빠르게 정의하게 해주는 구문으로서 클래스

기본적으로 public이므로 따라서 public 접근 제어자는 필수는 아니지만, 다른 개발자가 클래스 외부에서도 변경, 접근,쓰기를 할 수 있다고 명확히 알리기위해 public을 사용하며 어디에서든 쓸 수 있다. private은 해당 프로퍼티 또는 메서드가 오직 클래스

입력 타입에 따라 그 타입으로 반환한다는 관계를 설정한다.제네릭 함수에 타입을 선언하지않아도 파라미터 혹은 인수를 통해 타입을 추론할 수 있다.tsx : TypeScript를 사용할 수 있는 JSX 파일JSX에선 javascript에 HTML 템플릿을 작성하는 방식으로

타입 좁히기란 주로 명확하지 않은 타입이 있을때 사용한다. 그런 타입을 유니온 타입이라고 하며 이를 보다 명확하게 좁히는 것이다.typeof는 string,number,boolean과 같은 원시 값을 처리할 때 유용하다.참인지 거짓인지 검사해서 타입 좁히기를 할 수 있

.d.ts 파일은 구현 세부 사항이라던가 실행될 JavaScript 코드 및 출력을 찾아볼 수 없다.대신 타입 정보만 찾을 수 있다. 즉, 타입을 선언하는것이다. TypeScript가 확인하고 코드에 대한 타입 규칙을 이해하고 실행하는데 사용된다.따라서 .ts 파일에는

네임스페이스는 파일 간 코드를 공유하는 다양한 방법이며코드를 공유하고 TypeScript에서 코드를 구성하는 오래된 방식이다.javascript는 export나 최상위 await가 없는 파일을 모듈이 아닌 스크립트로 간주한다.스크립트 안에서 작업할 떄 변수와 타입은 공

Webpack은 의존성을 가진 수십,수백 개의 파일로 구성된 복잡한 애플리케이션 처리를 돕는다.Webpack은 각기 다른 에셋을 모아 정적 에셋으로 번들링한다. 수많은 라이브러리를 포함하는 백여 개의 JavaScript 파일이 하나로 합쳐져서 한 스크립트로 불러올 수