TypeScript

타입스크립트가 출시된지는 10년이 넘었다. (내가 개발공부시작한건 이제 1년...) 일단 내 입장에서 타입스크립트를 배우는 가장 큰 이유는 이렇다.1\. 채용공고에 많이 올라와있다.2\. 자바스크립트 엔진을 사용하면서 커다란 애플리케이션을 개발가능3\. 자바스크립트보다

string, number, boolean, bigint, null, undefined, \[], {} 등 타입적용 가능배열타입 지정시object자료 타입지정 class 타입지정 union type함수에 타입지정| 이용해 여러타입 지정💡 any, unknown 타

어떤 변수가 타입이 아직 불확실할때 Narrowing을 해줘야 에러가 안난다.예시 함수type이 하나로 확정되지않아 에러가 발생하게 된다.이럴 경우 if문을 써서 함수를 고쳐보자컴파일러에게 표명하는 것이다. 이 문법은 타입이 100% 확실할때 써야한다. 왜냐면 타입을

class 접근 제한자를 알아보기전에 class에 대해 간단하게 알아보자.class: es6에 새롭게 도입된 클래스는 기존 프로토 타입 기반 객체지향 언어보다 클래스 기반 언어에 익숙한 개발자가 빠르게 학습할 수 있는 단순명료한 새로운 문법을 제시하고 있다. 하지만 클

만든 타입변수를 다른 파일에서 사용하고 싶은 겨우 자바스크립트 import export 문법 그대로 사용가능하다. 타입스크립트에서의 import export문법을 알아보기전에 자바스크립트의 import export사용법을 간단하게 알아보자.export문은 JS모듈에서

💻 Generic 함수 우리는 함수를 만들때 (괄호)안에 파라미터를 입력한다. 타입스크립트에서도 마찬가지로 파라미터로 타입을 입력할 수 있다. 타입을 파라미터에 넣을때 ``에 집어넘어야한다. (타입파라미터문법) 🖤 Generic 이란? > 클래스 또는 함수에

이미 만들어져있는 react프로젝트에 설치할때 React프로젝트를 새로 만들때npx create-react-app my-app --template typescript✔ 컴포넌트 파일은 js가 아니라 tsx로 확장자를 사용해야한다.일반 리액트와 크게 다른 점은 없지만 함

💻 Tuple type > tuple은 javascript에서는 지원하지않는 타입으로, typescript에서는 배열 타입을 보다 특수한 형태로 사용할 수 있는 tuple타입을 지원한다. 명시적으로 지정된 형식에 따라 아이템 순서를 설정하고, 추가되는 아이템 또한

변수, 상수, 함수 또는 클래스가 어딘가에 이미 선언되었음을 알린다.JS코드로는 컴파일 되지 않고, TS컴파일러에게 타입 정보를 알리기만 한다. 타입의 경우 어차피 JS코드로 컴파일 되지 않으므로 declare를 사용하지 않아도 된다. JS로 작성된 외부라이브러리 쓸때

d.ts파일은 type을 정의(declare)하기위해 존재하는 파일이다. 즉, 기존 JavaScript로 만들어진 서브파티 모듈들을 TypeScript환경에서도 사용할 수 있도록 따로 타입만 정리해서 넣어둔 파일이다. 타입정의만 따로 저장해놓고 import해서 쓸때프로

interface에 들어있는 속성을 가지고 있는지 확인(체크용)❗ implements는 타입지정문법이 아니다.위예시코드처럼 implements는 class의 타입을 체크하는 용도이고 타입을 할당하지는 않는다.클래스를 다른 클래스의 자식으로 만들기 위해 class 선언

{ \[Key: T]: U }형식으로 객체가 Key를 여러개 가질수있으며 Key와 매핑되는 Value를 가지는 경우 사용한다. 1\. 타입을 미리 만들고 싶은데 object자료에 어떤 속성들이 들어올 수 있는지 아직 모르는 경우 2\. 타입지정할 속성이 너무 많은 경우

객체타입에서 객체의 모든 키값들을 유니온 타입으로 반환해준다. keyof연산자는 객체 타입에 사용할 수 있으며 자바스크립트에는 존재하지 않다.예시 \`\`\`javascripttype People = { name: string; age: number;};ty