🔹 타입스크립트란? 자바스크립트에 타입을 부여한 언어 -> 자바스크립트의 확장된 언어 자바스크립트와 다르게 브라우저에서 실행하기 위해 파일을 변환해주어야 한다 -> "컴파일(compile)" 이라고 한다. 🔹 왜 타입스크립트를 쓰면 좋은가? 에러를 사전 방
🔹기본타입 문자열 JS에서 문자열 TS에서 문자열 숫자 배열 배열 타입이고 숫자만 들어 갈수 있다. 배열 타입이고 문자만 들어 갈수 있다. > 정해준 type과 다를 경우 오류를 보여준다. 튜플 모든 index에 타입을 정해준다. 객체 변수명에 마우스
interface 🔹 interface? * 상호 간에 정의한 약속 혹은 규칙을 의미한다.* 객체의 스펙(속성과 석성의 타입) 함수의 파라미터 함수의 스펙(파라미터, 반환 타입) 배열과 객체를 접근하는 방식 클래스 🔹 옵션 속성 ? 인터페이스를 사용할 때
Union Type 🔹 유니온 타입? 하나이상의 타입을 사용할수 있다. |를 이용해 원하는 타입을 한개 이상 사용할수 있다. 🔹 유니온 타입의 장점 any를 사용하면 다양한 타입을 사용할수 있지만 타입스크립트를 사용하는게 무의미 하다.(유니온타입 사용시 타입스
특정 값들의 집합을 의미하는 자료형이다. 예를 들면 아래와 같은 목록이 이넘이 될수 있다.타입스크립트는 문자형 이넘과 숫자형 이넘을 지원한다.이넘으로 지정한 목록들에 접근할수 있다.초기값을 주지 않는 다면 0부터 차례로 1씩 증가한다.숫자형 이넘과는 다르게 자동적으로
javascripttypescriptprototype?private : 해당 클래스 안에서만 사용할수 있다.public : 클래스 밖에서도 사용할수 있다.클래스에서 접근은 가능하지만 값이 변하지 않게 하고 싶을경우에는readonly를 사용이처럼 readonly를 사용하
🔹 제네릭의 사전적 의미 데이터 형식에 의존하지 않고, 하나의 값이 여러 다른 데이터 타입들을 가질수 있는 기술에 중점두어 재사용성을 높일수 있다. 제네릭 위키백과 참고 쉽게 말해서 제네릭이란 타입을 마치 함수의 파라미터처럼 사용하는 것 을 말한다. 예시 위의
타입 스크립트가 코드를 해석해 나가는 동작위와 같이 a에 대한 타입을 지정하지 않더라도 a는 any, number, string 순서로 간주 된다. 이렇게 변수를 선언하거나 초기화 할 때 타입이 추론된다. 이외에도 변수, 속성, 인자의 기본 값, 함수의 반환 값 등을
🔹 타입 단언 type assertion ? b의 값을 할당 하기전 변수 a의 값이 변했지만 b의 타입은 여전히 any이다. 그래서 타입을 단언하는 방법은? as 를 사용해 최종적 으로 확실 하게 타입을 단언해준다. 실제로 활용해보기 타입 단언은 주로 DOM
이미 정의해 놓은 타입을 변환할 때 사용하는 타입 문법이다.특정 타입에서 몇개의 속성을 선택하여 타입을 Pick키워드로 정의 하는 문법이다.interfact를 하나더 생성해 타입을 지정해주는 방법도 있지만 코드가 길어지는 단점이 있는데 이를 해결해 줄수 있는게 Pick
기존에 정의되어 있는 타입을 새로운 타입으로 변환해주는 문법이다. 자바스크립트 map() API함수를 타입에 적용한 것과 같은 효과를 가진다.색상을 묶어주는 Color 라는 타입이 있다.여기서 네개의 색상 각각 번호를 붙인 객체를 만들고자 할때 다음과 같이 변환 할수
기본적으로 라이브러리를 사용할때 이상적인 라이브러리는 typescript를 정의해 주지만 그렇지 않은 경우도 있다그런 경우 2가지의 방법으로 모듈화를 할수 있는데 npm 으로 @types/관련 라이브러리 를 설치해 준다.npm @types를 지원하는 라이브러리 검색 하