TS

타입스크립트를 이용하여 개발하다 보면 타입을 정의할 때 Type Alias와 Interface 중 어느 것을 사용해야 할지 고민된다. Type Alias와 Interface의 차이점을 알아보고, 상황에 알맞게 사용해보자. 📌 공통점 💡 타입에 대한 이름 지

✔️ 타입스크립트는 자바스크립트의 상위 집합이다. > ✔️ 타입스크립트는 타입이 정의된 자바스크립트의 상위집합이다. 이 문장들이 어떤 의미인지, 타입스크립트와 자바스크립트는 어떤 관계를 갖고 있는지 자세히 알아보도록 하자!👍 타입스크립트가 어떤 언어인지 간단하게

타입스크립트 프로그램은 자바스크립트로 컴파일되고, 실행된다. 이때 tsconfig.json에 명시된 설정들을 바탕으로 컴파일된다. 프로젝트에서 tsc라는 명령어를 치면 타입스크립트 설정 파일에 정의된 내용을 기준으로 변환 작업(컴파일)을 진행한다. tsconfig.

👀 런타임과 타입 정보 기본적으로 타입은 런타임에서 사용할 수 없다. 왜냐하면 타입스크립트가 자바스크립트로 컴파일되는 과정에서 모든 인터페이스, 타입, 타입 구문, 타입 연산이 제거되기 때문이다. +) 타입 오류가 존재하더라도 컴파일이 가능하다. +) 타입스크립트

Union Type 유니온 타입은 변수가 여러 타입을 가질 수 있는 경우에 주로 사용된다. | 연산자를 이용해 여러 타입을 하나로 묶어 그 중 하나의 타입을 가진다는 의미로 사용된다. Example Intersection Type 여러 타입을 모두 만족하는 하나의

타입 선언 🆚 타입 단언 타입 선언은 :을 이용하여 변수의 타입을 선언한다. 타입 단언은 as을 이용한다. 타입스크립트가 추론한 타입이 있더라도 as 뒤에 붙여진 타입으로 간주한다. 둘 중에 어느 방법을 택해야 할까? 🤔 타입 선언을 이용하면 할당되는

👉 DRY(Don't Repeat Yourself) 원칙을 타입에 대해서도 적용해야 한다!!반복을 줄이는 가장 간단한 방법은 타입에 이름을 붙이는 것이다.extends를 사용하여 인터페이스 필드의 반복을 피할 수 있다.인덱싱을 이용하여 어떤 타입의 부분집합으로 타입을

readonly 값을 읽기 전용으로 설정해주는 Typescript의 타입시스템 기능이다. 함수의 매개변수가 변경되는 것을 방지하기 위해 사용된다. 함수에 참조형 데이터를 인수로 전달하면 주소값이 전달되기 때문에 함수 내부에서 프로퍼티 값을 마음대로 변경할 수 있다. 이

타입 추론 타입스크립트는 타입 추론을 적극적으로 수행한다. 👍 그래서 타입스크립트를 작성할 때 많은 타입 구문이 불필요하다. 오히려 모든 변수에 타입을 선언하는 것은 비생산적이다. 복잡한 객체도 타입 추론이 가능하다. 비구조화 할당문은 모든 지역 변수의 타입이 추

👀 any 타입 단어 의미 그대로 모든 타입을 허용할 수 있는 타입이다. 기존에 JS로 구현되어 있는 코드에 TS를 점진적으로 적용할 때 활용하면 좋다. 👍 하지만 무분별하게 any 타입을 사용하면 TS 타입 시스템의 장점을 누릴 수 없게 된다. 😭 타입 안정성