컴파일 단계에서 오류를 포착 할 수 있다.ex) 타입err/오탈자코드 가이드 및 자동완성npm( node package manager ) : 자바스크립트 라이브러리가 저장되어 있는 저장소페이지 중간에, 스크립트 태그로 라이브러리를 추가하는 경우, 파악하기 쉽지 않으며
ts 기본 타입함수 타입 지정1) 파라미터와 반환값에 대해 타입을 지정할 수 있다.2) 파라미터를 정의한것 보다 많이 넘겼을때 자바스크립트는 유연하게 대처해주나, 타입스크립트는 보다 엄격하게 제한한다.
변경 전 코드변경 후 코드string\[] → string데이터 형인 \[]/object\[] → object \[]object key 데이터 형 지정데이터 형 일일히 지정하지 않고 타입 지정해서 사용하는 방법도 있음object 는 any 타입으로 추천해준다. (별도
인터페이스 : 항상 동일한 규칙으로 쓰겠다는 약속 배열 요소와 객체의 속성 접근(인덱싱방식)딕셔너리 패턴인터페이스의 확장 :Extend 를 이용해 확장가능
새로운 타입 값을 하나 생성하는 것이 아니라 정의한 타입에 대해 나중에 쉽게 참고 할 수있게 이름을 부여하는것과 같음.→타입 스크립트에서 중복되는 타입선언을 개선 할 수 있는 방법 중 하나 타입 사용 예제 1,2,3vscode 프리뷰에서 타입안의 요소들을 바로 확인 가
\-유니온 타입(Union Type)이란, 자바스크립트의 OR 연산자(||)와 같이 A이거나 B이다 라는 의미의 타입. any를 사용하면 자바스크립트와 다름없이 동작하나, 유니온 타입을 사용하면 타입스크립트의 이점을 살릴 수 있다.한가지 이상의 타입을 사용하고 싶은 경
→ 리액트나 뷰 모두 함수기반으로 사용.타입스크립트에서 클래스 이용리액트에서 클래스 이용
재사용성이 높은 컴포넌트를 만들 때 자주 활용되는 특징.특히 한가지 타입보다 여러가지 타입에서 동작하는 컴포넌트를 생성하는데 사용됨. 제네릭이란 : 타입을 마치 함수의 파라미터 처럼 사용하는것을 의미제네릭 타입제한
유틸리티 타입은 이미 정의해 놓은 타입을 변환할 때 사용하기 좋은 타입 partial : 내부 정의pick : 뽑아 쓰는것pick/omit 예시다른 유틸리티 타입https://www.typescriptlang.org/docs/handbook/utility-ty