Typescript

타입스크립트는 자바스크립트에 문법에 타입을 추가한 언어이다.타입스크립트를 브라우저에서 실행하려면 컴파일 과정이 필요하다.컴파일 이후에는 자바스크립트 코드로 변환된다.자바스크립트는 타입을 지정하지 않다 보니 문법을 실수한 경우에도 오류가 나지 않으며 실행한 후에야 에러를

📋 타입 시스템 자바스크립트처럼 변수를 선언해도 변수의 데이터 타입을 추론해준다. 최초로 선언한 데이터와 다른 타입의 데이터로 변경시 에러가 발생했음을 알려준다. 업로드중..

📋 타입 시스템 자바스크립트처럼 변수를 선언해도 변수의 데이터 타입을 추론해준다. 최초로 선언한 데이터와 다른 타입의 데이터로 변경시 에러가 발생했음을 알려준다. 업로드중..

📋 타입 시스템 자바스크립트처럼 변수를 선언해도 변수의 데이터 타입을 추론해준다. 최초로 선언한 데이터와 다른 타입의 데이터로 변경시 에러가 발생했음을 알려준다. 업로드중..

📋 타입 시스템 자바스크립트처럼 변수를 선언해도 변수의 데이터 타입을 추론해준다. 최초로 선언한 데이터와 다른 타입의 데이터로 변경시 에러가 발생했음을 알려준다. 업로드중..

자바스크립트와 동일하게 매개변수를 지정하지만 매개변수의 타입과 리턴값의 타입을 별도로 지정해주어야 한다.매개변수와 리턴값의 타입이 맞지 않을경우 사전에 에러 발생을 알려줘 런타임 에러를 방지할 수 있다.화살표 함수에서도 동일하게 매개변수와 리턴값의 타입을 지정해주면 된

타입을 지정할 때 readonly를 붙이게 되면 데이터를 수정할 때 에러가 발생한다.readonly가 있으면 최초 선언 후 수정 불가하다.\-> 상수 개념이라고 생각하자readonly 속성으로 인해 최초 선언 이후 값 변경이 불가능함을 알려주고 있다.readonly는

자바스크립트에는 존재하지 않는 튜플이 있다.튜플은 셀 수 있는 수량의 순서 있는 열거라는 뜻을 가지고 있다.타입스크립트에서 튜플은 길이와 각 요소마다의 타입이 고정된 배열이라고 볼 수 있다.배열 요소의 순서에 맞게 타입을 지정해주어야 한다.특정 인덱스 번호의 값을 바꾸

단어 의미 그대로 모든 타입을 허용할 수 있는 타입이다.타입체크를 '비활성화' 시켜버린다.any를 사용할 경우 타입스크립트의 보호를 받을 수 없다.any를 무분별하게 사용할 경우 타입스크립트의 장점이 사라질 수 있다.any로 인해 타입스크립트에서는 불가능한 코드를 구현

📋 void > 리턴값이 없는 함수를 대상으로 사용한다. void return return 유무에 따라 함수의 반환 타입이 달라진다. 📋 never > 함수가 절대 리턴하지 않아야 한다. -> 함수에서 예외가 발생했을 때의 경우를 말한다. 위 두 조건문에서 매개변수의 타입을 모두 만족했기 때문에 마지막 조건문은 절

함수 위에 커서를 올렸을 때 보여주는 파라미터, 리턴 타입의 정보를 말한다.함수의 호출 방법과 반환이 어떻게 되는지를 알려주는 것이다.화살표 함수에서의 call signaturecall singautre는 개발자가 직접 타입을 만들 수 있으며, 함수의 동작 방법을 서술

오버로딩은 함수가 서로 다른 여러개의 call singature를 가지고 있을 때 발생시킨다.call signature의 파라미터의 개수는 모두 다를 수 있다.위 예제에서 call signature1은 파라미터가 2개, call signature2는 파라미터가 3개를

📋 generic > - C#, Java 등의 언어에서 재사용성이 높은 컴포넌트를 만들 때 자주 활용된다. 한가지 타입보다 여러 가지 타입에서 동작하는 컴포넌트를 생성하는데 사용된다. 제네릭을 사용하는 이유 타입스크립트는 기본적으로 타입을 지정하여 사용하기 때문

객체를 정의하는 설계도 같은 의미이다.객체의 상태를 나타내는 필드와 행동을 나타내는 메서드로 구성된다.필드는 클래스에 정의된 변수, 메서드는 클래스 내에 정의된 함수를 의미한다.클래스에 의해 생성된 객체를 인스턴스라 한다.생성자라고 불리며 인스턴스를 생성하고 클래스 필

인터페이스는 상호 간에 정의한 약속 혹은 규칙을 의미한다.인터페이스를 정의할 수 있는 범위는 아래와 같다.객체의 스펙 (속성과 속성의 타입)함수의 파라미터함수의 스펙 (파라미터, 반환 타입)배열과 객체를 접근하는 방식클래스객체의 모양을 알려주기 위한 방법으로는 type

클래스를 사용할 때 추상클래스를 상속받는 경우 컴파일 이후에 브라우저에 추상클래스에 관한 코드도 남게 되어 런타임 성능에 영향을 끼칠 수 있다.그러므로 컴파일 이후 브라우저에 남지 않는 interface와 implements를 사용해 최적화를 할 수 있다.클래스에서 인

📋 extends와 implements의 차이점은 무엇일까? extends 특정 클래스를 상속받고자 할 때 사용한다. extends로 특정 클래스를 상속받게 되면 해당 클래스의 프로퍼티, 메서드를 별도로 구현하지 않아도 인스턴스에서 사용이 가능하다. 누군가에게

타입스크립트가 제공하는 타입 중 하나로 여러 값에 이름을 정의하여 열거해두고 사용하는 타입이다.특정 값을 고정해 전역에서 편리하게 사용할 수 있다.자바스크립트의 객체와 달리 외부에서 값을 수정할 수 없다.type, interface 처럼 객체 내에 사용할 멤버를 정의해