타입스크립트

타입스크립트는 단순히 자바스크립트에 타입을 부여한 언어이다. 자바스크립트는 기본적으로 타입에 관대한 언어이다.밑의 예시를 한번 보자.위 처럼 변수에 어떤 타입을 할당하느냐에 따라서 결과값이 숫자형일수도, 문자형일수도 있다. 지금은 규모가 작은 토이 프로젝트들만 만들었어

타입스크립트는 변수를 만들때 변수의 타입 지정이 가능하다. 이런식의 변수 : 타입 = ... 을 지정해줌으로써 변수에 방어막을 씌우는 원리인데, 여기서 만약에지정한 자료형과 다른 값을 준다면 에러가 발생한다.배열과 객체 타입 지정도 가능하다. 하지만 배열을 지정해줄때는

유니온타입이란 타입을 한가지가 아닌 여러개를 지정할때 사용된다.위처럼 배열안에 한가지 타입이 아니라 여러개의 타입이 쓰일경우, ( ) 를 통해 감싸준다.any 타입은 어떠한 타입도 지정할수가 있다.타입을 재선언을 해주어도 오류가 나지않고, 심지어 다른 타입들끼리 연산을

타입스크립트에선 함수에도 마찬가지로 타입을 지정해줄 수 있다. 파라미터에 타입 뿐만 아니라 함수 자체의 리턴값에도 타입을 지정해줄 수 있다. 함수 내에서 리턴값이 없는 함수 일때, void로 지정을 해준다. 하지만 타입스크립트 내에서 리턴값이 없는 함수라면 자동으로 v

밑의 식은 왜 오류가 날까? 타입스크립트는 엄격해야하기때문에, x 파라미터의 타입이 union type이라 확실하게 지정해주지 않아서 오류가 나는것이다. 그렇기 때문에 x의 타입이 number일때 콘솔창을 띄어달라는 조건식을 추가해야한다.

alias 란 별명이라는 뜻을 가지고 있는데, 타입 별명 이라는 뜻으로 해석 할 수 있다. type alias를 사용하면 타입들에 별명을 부여해서, 가독성을 좋게하고 재사용성을 높일 수 있다. 위처럼 Animal 이라는 별칭을 하나 만들고, 타입을 지정해놓으면 그 별칭

Literal types는 단순한 타입 뿐만 아니라 정확한 값을 지정할 수 있다. 위 처럼 Kim이라는 값을 타입으로 지정했다면 그에 맞는 값은 무조건 Kim 이어야한다.이런식으로 | 을 이용해서 선택지를 넓힐 수 있다. 함수도 마찬가지이다.위의 코드는 자료.name이

보통 함수에 타입을 지정할때, 파라미터와 함수 리턴값에 각각 타입을 지정해주는데, 함수 자체에 타입을 지정해줄 수 있다. 함수에 type alias 를 지정해주고 그 타입을 사용하려면 함수 표현식으로 작성해주어야한다.

위에 처럼 코드를 작성하니 오류가 나왔다. document.getElementById를 사용하려면 각각 요소마다 타입캐스팅을 해주어야한다. HTMLInputElement 이라는 타입지정을 해주니 에러가 나오지 않았다.

HTML index.ts

이러한 데이터를 컴포넌트에서 사용하려고 하였다. 이런 에러가 발생했다. 저런식의 타입 지정은 객체타입이 아니라, 각각 프로퍼티를 직접 불러왔을때 사용할수 있는 타입이다 .즉 PostList 컴포넌트가 아닌, map 으로 뿌려주는 PostItem 컴포넌트 내에서 사용을

5\. express 와