typescript

typescript

기본타입

interface ㅇ 클래스나 객체를 위해 타입을 지정할 때 사용 Class 특정한 조건을 가지는 클래스를 명시하고 싶을 때 interface를 사용해 조건을 설정 클래스 선언 시 implements키워드를 사용해 해당 클래스가 interface의 조건을 구현함을 명

typescript의 type과 interface는 거의 차이가 없어 일관성있게만 사용하자

Generics typescript의 function, class, interface, type을 사용시 여러 종류에 대해 호환을 맞춰야 하는 상황에서 사용 function 두 객체를 합쳐주는 함수를 만들 때, 두 객체가 어떤 타입이 올지 모르므로 any 타입 사용 가능 이런 방식을 사용하면 타입추론이 망가진다. 이럴때 generic을 사용한다. 제네...

project생성 기존 리엑트앱에 적용하려면 Component React.FC를 사용하면 props의 타입을 generics로 넣어 사용한다. 그러면 props에 기본적으로 children이 들어있고, component의 defaultProps, propTypes, contextTypes를 설정할 때 자동완성이 가능하다. 그러나 children이 옵셔...

Counter.tsxApp.tsx

TS는 ms에서 개발한 언어로 js에 타입 시스템을 도입해 런타임에 에러가 발생할 가능성이 있는 코드를 정적 프로그램 분석으로 찾아준다.tsc 명령으로 컴파일해 js코드로 변환이 가능하다.ts가 제공하는 타입 추론은 타입오류로 인해 런타임에 발생할 오류를 컴파일 타임을

만약 변수에 들어올 값이 string인지 number인지 모를 때 어쩔지 알아보자. 방법이 몇가지가 있는데 Union Type 이변수에는 string이나 number가 들어갈 수 있다는 의미인 타입 정의를 할때는 연산자를 사용한다. 이친구를 Union Type이라고

함수의 기능을 대충 훑어보면 함수는 어떤 자료를 입력하면 다른 자료를 뱉는 역할을 한다.ex대충 이렇게 어떤 기능을 만들 수 있다.파라미터를 작명시 함수 사용할때 ()안에 뭘 넣을 수 있고,리턴값은 함수가 사용되고 나서의 값이다.위 예시의 경우에 타입을 지정하면이렇게

일단 바로 함수를 예를들어서 알아보자이런 함수에서는 union으로 타입이 확실하지 않아서 연산이 안되는데이럴 때는 타입을 확정해야만 한다.if문 같은거로 타입을 하나로 지정하는 건데위에 함수로 해보면if문에서 typeof키워드로 타입을 검사해서 각 타입을 확실하게 한

타입을 정의하고 코드를 짜다가 보면 타입이 길어지는 경우가 있다.이런경우 길어서 똑같이 쓰려면 너무 귀찮고 보기도 싫다.이럴때는 type키워드를 사용하면되는데이걸 type alias라고 한다.이렇게 쓰면 위 타입을 변수처럼 계속 이용할 수 있다.관습적으로 대문자로 시작

어떤 변수에 어떤 값만 가질 수 있게 제한하고 싶을때는 js에서 const를 사용한다.1이나 0을 가지게 하고싶을 때는 number로 하는거보다. Literal type을 선언하자어떤 변수가 미리 골라논 데이터만 가질 수 있게하는 친구임 ㅇㅇstring, number이

함수에 들어갈 파라미터나 리턴에도 타입 지정이 가능한데,함수 타입도 type키워드를 사용해 type alias가 가능하다.이렇게 사용할 수 있다.이러면 귀찮게 매번 함수마다 타입지정 안해도 됨 ㅇㅇ싫으면 원래대로 직접해도 됨object 안에 함수도 넣을 수 있다.plu

js의 원래 목적은 html조작하는건데,ts로도 이게 가능하다.근데 js랑 다르게 좀 귀찮게 해야하는데document.getElementById()로 예를 들어보면저기서 err가 나오는데,이건, strict옵션이 true라서다querySelector()로 가져오면 타입

sequelize에서 사용했던 auto sequelize랑 비슷한 친구인typeorm-model-generator로 원래있는 디비를 모델로 받아오는 방식으로 사용해보자.이제 typeorm entities파일에 해당 디비가 생기게된다.