TypeScript

우리가 사용하는 브라우저들(크롬, 엣지, firefox, safari, 오페라 등)은 TypeScript를 이해하지 못함.→ 결국 Javascript로 변환해서 로드해야 실행 가능JS는 아무런 경고 x. 실수가 분명한 코드임에도 문제 없이 실행됨.예시 1 숫자 2개를

타입스크립트로 자바스크립트(ex. 변수 or 함수) 코드에 타입 정의 가능BooleanNumberStringObjectArrayTupleEnumAnyVoidNullUndefinedNever:를 이용하여 자바스크립트 코드에 타입을 정의하는 방식JS 변수 타입이 문자열인

웹 애플리케이션 구현 시, 자주 사용되는 함수는 타입스크립트로 크게 다음 3가지 타입을 정의 가능함수의 파라미터(매개변수) 타입함수의 반환 타입함수의 구조 타입→ 기존 JS 함수 선언 방식에서 매개변수 & 함수의 반환 값에 타입 추가Tip 함수의 반환 값 에 타입을

인터페이스란?상호 간에 정의한 약속 혹은 규칙타입스크립트에서의 인터페이스는 보통 다음과 같은 범주에 대해 약속을 정의 가능객체의 스펙(속성과 속성의 타입)함수의 파라미터함수의 스펙(파라미터, 반환 타입 등)배열과 객체를 접근하는 방식클래스인자를 받을 때 객체의 속성 타

특정 값들의 집합을 의미하는 자료형예시 TS에서 지원하는 것문자형 이넘숫자형 이넘선언 시, 초기 값을 주면 초기 값부터 1씩 증가 초기 값을 주지 않으면 → 0부터 1씩 증가예시주의선언할 때, 만약 이넘 값에 다른 이넘 타입의 값을 사용하면 → 선언하는 이넘의 첫

타입 의미: A이거나 B이다 ( JS의 OR 연산자(||)와 같음 )연산자(|)를 이용 → 타입을 여러 개 연결하는 방식any 사용 시 → JS로 작성하는 것처럼 동작 유니온 타입 사용 시 → TS의 이점을 살리면서 코딩 가능 예시 코드 인터페이스와 같은 타입을

클래스를 다른 클래스의 자식으로 만들기 위해 class 선언 또는 class 식에 사용Object or nullnull 일 경우 의미: 프로토타입 체인의 최상단 class의 interface에 만족하는지 여부를 체크할 때 사용TS에서 interface & class

미리 선언해야 함.또는 접근 제한자 or readonly 키워드 사용해야 함.문제해결 1 | 미리 선언해결 2 | 접근 제한자 or readonly 사용접근 제한자readonlypublic, protected, private지원es6의 class: xTypeScript

(선언 시, 타입 파라미터만 적고) 생성 시점에 사용할 타입을 결정<T>기입해주지 않아도 TS는 전달되는 매개변수로 타입 파악함.T보통 T 사용 (다른 문자 무관)어떤 타입을 전달받아서 해당 함수 등 에서 사용 가능하게 함.사용하는 쪽에서 타입 결정 특정 타입으

key값들을 Union형태로 받을 수 있음.모든 프로퍼티 → 옵셔널로 전환 (즉, 일부만 사용 가능)없는 프로퍼티 사용 시 에러 발생 모든 프로퍼티 → 필수로 전환모든 프로퍼티 → 읽기 전용으로 전환K: keyT: type점수 객체 제작 1~4학년의 점수 입력Rec