타입스크립트 정리

마이크로소프트에서 만든 자바스크립트의 슈퍼셋 프로그래밍 언어.자바스크립트에서 자주 발생하는 오류나 버그를 잡아준다. 어떻게 작동하냐면 타입(Type)을 추가하는 것이다.스크린샷 2023-04-22 오후 10.20.43.png슈퍼셋의 의미모든 자바스크립트

타입 애너테이션으로 타입을 선언해줄 수 있다어떤 함수는 숫자만 반환해야 한다던가어떤 객체는 color라는 프로퍼티를 갖고 그것은 문자열의 배열이어야 한다이렇게 정해놓을때 변수 이름 뒤에 콜론 : 을 적고 타입을 적어주면 된다콜론 뒤에 string이 타입스크립트에게 이

타입스크립트의 객체 리터럴은 자바스크립트와 같다. 중괄호를 사용.(객체 리터럴: 객체의 프로퍼티를 직접 key: value 형식 데이터를 입력하는 방식)객체는 여러 프로퍼티로 구성되어 있고, 각각 프로퍼티 값은 다른 타입을 갖고 있다(name은 문자열, age는 숫자)

유니온 타입을 사용하면 변수의 타입을 숫자 또는 문자열로 선언하거나 특정 함수 두 가지 모두 취하도록 선언할 수 있다.숫자나 문자열에만 국한된 것이 아님어떤 타입이든 가능하다number | string | boolean 이렇게 3가지도 가능하다. 권장되는 방식이 아니다

인터페이스는 기본적으로 type alias와 비슷하지만객체의 형태를 묘사하는 데에 사용된다. 오직 객체에만 사용된다.다양한 프로퍼티, 혹은 메서드를 포함하고 있는 객체에 사용된다interface 키워드를 사용하고 인터페이스의 이름이 들어가는데 등호 = 를 사용하지 않음

VScode 또는 TypeScript playground에서 타입스크립트 컴파일러 설정을 할 수 있다https://www.typescriptlang.org/playTS configVScode에서 설정한다면먼저 터미널에서 작업할 디렉토리로 들어간 다음이라고 치면

querySelectorgetElementByIdaddEventListener등은 JavaScript를 통해 HTML 및 CSS와 상호 작용하는 메서드TypeScript와 이러한 메서드의 상호 작용 방식lib 옵션대부분의 경우 건드리지 않고 기본값만 사용하지만 옵션을

타입스크립트 클래스를 다루기 전에자바스크립트 클래스를 정리한다.https://velog.io/@vieowf23r/프론트엔드-복습-정리-23-프로토타입-new-class-객체지향참조. 추가할 내용들 후술.생성자 함수 밖에서 프로퍼티를 정의할때 하드 코딩된 값을

생성자 함수 전에 first와 last 모두 타입이 설정되어야 한다.그 다음 생성자 함수에서 받는 argument도 타입을 정해야 함.읽기 전용 제어자. 객체 타입 컨텍스트에서와 같이 클래스에서만 readonly를 사용할 수 있다.기본적으로 JavaScript와 Typ

매우 중요그런데 구문이 좀 투박하다. 못 생김.이해하기 살짝 까다롭다.제네릭(Generics)이란 TypeScript에서 여러 타입에서 사용할 수 있는 재사용 함수나 재사용 클래스를 정의할 수 있게 해주는 특수 기능 또는 특수 구문이다.sting을 넣으면 string이

타입 좁히기란 주로 명확하지 않은 타입이 있을 때 사용하는 것으로그런 타입을 유니온(union) 타입이라고 하며 이를 보다 명확하게 좁히는 것이다.값의 타입에 따라 다르게 작동하는 함수‘ade’ → ‘adeadeade’3 → 9이렇게 나오려면 어떻게 해야할까?가장 쉬운

타입 선언.ts 로 끝나지 않고 .d.ts 로 끝나는 파일이 선언 파일이다..d.ts 파일에서는 구현 세부 사항이나 실행될 JavaScript 코드 및 출력을 찾아볼 수 없다.대신 타입 정보만 찾을 수 있음. 즉 타입을 선언한다.타입스크립트는 어떤 작업이나 타입에서 쓸

모듈이란 파일 간 코드를 공유하는 방법타입스크립트 네임스페이스.타입스크립트의 특정된 모듈 포맷이다.https://www.typescriptlang.org/ko/docs/handbook/namespaces.html요새는 많이 쓰이지 않는 추세이다. ES 모듈을