TypeScript

compile타입스크립트 파일은 자바스크립트 파일로 컴파일 해주는 과정이 필요하다.따라서 컴파일을 어떻게 해줄 것인지를 설정해 줄 수 가 있는데, tsconfig.js파일에서 설정을 해주면 된다.아래는 핵심이 되는 옵션들이다.

원시 타입( primitive type)원시 타입은 여러 가지 타입들중 가장 기본이 되는 타입이다.원시 타입은 오직 한개의 값만 저장할 수 있는 타입이다.원시 타입의 종류 로는 number 타입, string 타입, boolean 타입, null 타입, undefine

배열타입스크립트에는 배열을 만들 때 배열의 타입을 지정을 해줘야 한다.배열의 타입을 지정하는 방법에 대해 알아보자.첫번째는 배열의 요소가 어떤 타입으로 되어 있는지 적어주고, 뒤에 를 붙여 주면 된다. 예를 들어숫자로 된 배열이라면 number , 문자로 된 배열이

객체 타입타입스크립트 에서는 객체의 타입을 2가지 방식으로 지정할 수 있다.object타입과, 객체 리터럴 타입이다.object 타입object타입은 그냥 변수 옆에 object라고 입력 하면 되는데, 해당 타입은 사용할 일이 거의 없을 것이다.그 이유는 해당 타입으로

함수의 타입함수는 매개 변수를 받아, 값을 리턴 한다.따라서 매개 변수의 타입과, 리턴 값의 타입을 정해 줘야 한다.여기서 함수의 리턴 값의 타입은 자동으로 추론되기 때문에 생략이 가능하다.화살표 함수의 경우도 똑같다.화살표 함수도 리턴 값의 타입이 추론 되기에 생략이

타입 별칭 ( Type Alias )타입 별칭을 이용하면 아래와 같이 변수를 선언하듯 타입을 정의할 수 있다.type 타입이름 = 타입지정 의 방식으로 타입을 지정 한다.

Union TypeUnion Type은 여러개의 타입을 합성해서 만드는 타입을 의미한다.' | ' 를 이용해서 여러개의 타입을 합성할 수 있다.추가적으로 Union Type은 배열과 객체에서도 활용할 수 있다.배열의 타입을 정의 할 때 배열의 요소들을 Union Typ

InterSection Type& 기호를 사용하여 타입을 묶어 주면 해당 타입들의 교집합이 되는 타입이 지정이 된다.그런데 생각해 보면 타입들 간에 교집합이 있나? 라는 의문이 든다.예를 들어 number 타입과 string타입은 교집합이 없다.따라서 number &

Interface인터페이스란 Type Alias 방식과 동일하게 타입에 이름을 지어주는 또 다른 문법이다.인터페이스는 특히 객체의 타입을 지정하는데 특화 된 문법이다.

일단 제네릭이란 일반적인 또는 포괄적인 이라는 뜻을 가지고 있다.즉 제네릭 타입으로 지정을 하면 모든 타입을 지정할 수 있다는 뜻이다.제네릭 타입은 <>안에 ' 타입 변수'를 선언하는 방식으로 지정할 수 있다.아래 제네릭 함수 예제를 통해 이해해 보자.

상황각각의 다른 ts파일에서 똑같은 변수를 선언을 했는데 이러한 오류가 발생 하였다.원인자바스크립트의 경우에는 각각의 js파일이 하나의 모듈로 인식이 되어 서로 다른 js파일에 동일한 이름의 변수를 선언할 수 있다.하지만 타입스크립트는 모든 ts 파일을 하나의 모듈,

에러아래와 같이 ~ 형식에 ~ 속성이 없다는 오류가 발생 하였다.여기서 '형식' 은 타입을 의미하고, '속성'은 프로퍼티를 의미한다.따라서 아래의 오류는 object라는 타입에 , id라는 프로퍼티가 없다는 뜻이다.원인아래와 같이 객체의 타입을 object라고만 지정을

상황button 태그에 onClick이벤트에 데이터를 post할 수 있는 함수를 넣었는데 아래와 같은 에러 발생원인 Event에 맞는 함수를 받아야 하는데 함수 이름를 바로 넣어버리니 함수의 타입과 일치하지 않아서 오류가 난 것 같다해결