profile
실수를 두려워 말고 계속 도전 하는 개발자의 여정!
post-thumbnail

Learning TypeScript 7장

타입별칭 vs. 인터페이스 debut: number와 namae: string을 가진 객체를 타입 별칭으로 구현하는 간락한 구문 인터페이스로 구현한 동일한 구문 => 위의 두 구분은 거의 같다. tip) 세미콜론(;)을 선호하는 타입스클비트 개발자는 대부분 인터페이스 뒤가 아닌 타입별창 뒤에 세미콜론을 넣는다. 이 기본 설정은 세미콜론을 사용해 변수를 선언하는 것과 세미콜론 없이 클래스 또는 함수를 선언하는 것의 차이를 반영한다. 인터페이스에 대한 타입스크립트의 할당 가능성 검사와 오류 메시지는 객체 타입에서 실행되는 것과 거의 동일하다. 인터페이스와 타입 별칭 사이에는 몇 가지 주요 차이점이 있다. 인터페이스는 속성 증가를 위해 병할 할 수 있다. 이 기능은 내장된 전역 인터페이스 또는 npm 패키지와 같은 외부 코드를 사용할 때 특히 유용하다. 인터페이스는 클래스가 선언된 구조의 타입을 확인하는데 사

2023년 3월 21일
·
0개의 댓글
·
post-thumbnail

Learning TypeScript 6장

타입스크립트는 초기 배열에 데이터 타입이 있는지 기억하고, 배열이 해당 데이터 타입에서만 작동하도록 제한한다. (배열이 데이터 타입을 하나로 유지) 아래의 예제를 보면 string 타입 값 추가는 하용되지만 다른 데이터 타입 추가는 혀용되지 않는다. 배열 타입 배열을 저장하기 위한 변수는 초깃값이 필요하지 않는다. 변수는 undefined 로 시작해서 나중에 배열 값을 받을 수 있다. 배열에 대한 타입 애너테이션은 배열의 요소 타입 다음에 []가 와야한다. 배열과 함수 타입 골호는 애너테이션의 어느 부분의 함수 반환 부분이고 어는 부분이고 어는 부분이 배열 타입 묶음인지 나타내기 위해 사용한다. 유니언 타입 배열 유니언 타입으로 베열 타입을 사용할 때 애너테이션의 어느 부분이 배열의 콘텐츠이고 어느 부분이 유니언 타입 묶은인지를 나태내기 위해 괄호를 사용해야 한다. 유니언 타입에서 괄호 사용은 매우 중요하다. -

2023년 3월 16일
·
0개의 댓글
·
post-thumbnail

Learning TypeScript 5장

함수 매개 변수 함슈으의 매개변수도 타입을 지정할 수 있다. 타입의 정보가 선언되지 않는다면 any타입으로 간주하며 매개변수의 타입은 무엇이든 될 수 있다. 필수 매개변수 함수에 선언되 모든 매개변수가 필수라고 가정하자. 함수가 잘못된 수의 인수로 호출되면, 타입스크립는 타입 오류의 형태롷 이의 제기를 할 수 있다. 타입스크립트에서는 매개변수의 타입과 개수를 정확하게 일치하는지 확인합니다. 선택적 매개변수 함수 메개변수가 제공되지 않으면 함수 내부의 인숫값은 undefined 기본값으로 설정된다. 선택적 객체 타입 속성과 유사하게 타입 에너네이션의 : 앞에 ? 를 추가해 매개변수가 선택적이라고 표시한다. 함수 호출에 선택적 매개변수를 제공할 필요는 없습니다. 선택적 매개변수에는 항상 | undefined 가 유니언 타입으로 추가되어 있습니다. 선택적 매개변수는 항상 암묵적으로 undefined가 될 수 있다. -

2023년 3월 15일
·
0개의 댓글
·
post-thumbnail

Learning TypeScript 4장

객체 타입 {...} 구문을 사용해서 객체 리터럴을 생성 값의 속성에 접근하려면 value.멤버 | value['멤버'] 1.객체 타입 선언 별칭 객체 타입 구조적 타이핑 타입을 충족하는 모든 값을 해당 타입의 값으로 사용할 수 있다. 매개변수나 변수가 특정 객체 타입으로 선언되면 타입스크립트에 어떤 객체를 사용하든 해당 속성이 있어야 한다. 구조적 타이핑은 덕 타이핑과는 다르다. 타입스크립트의 타입 검사기에서 구조적 타이핑은 정정 시스템이 타입을 검사하는 경우이다. 덕 타이핑은 런타입에서 사용될 때까지 객체 타입을 검사하지 않는 것을 말한다. => 자바스크립트 덕타입인 반면 타입스크립트는 구조적으로 타입화 된다. 1.사용 검사 1) 객체 타입으로 값을 해당 객체 타입에 할당 할 수 있는지 확인 2) 할당하는 값에는 객체 타입의 필수 속성이 있어야 한다. 객체 타입은 필수 속성 이름과 해당

2023년 3월 5일
·
0개의 댓글
·
post-thumbnail

Learning TypeScript 3장

유니언(Union) 값에 허용된 타입을 두 개 이상의 가능한 타입으로 확장하는 것 "이거 혹은 저거" 같은 타입을 Union 이라고 함 유니언을 선언한 모든 가능한 타입에 존재하는 멤버 속성에만 접근 할 수 있다. 내로잉(Narrowing) 값에 허용된 타입이 하나 이상의 가능한 타입이 되지 않도록 좁히는 것!! 타입을 좁히는데 사용할 수 있는 논리적 검사를 타입 가드 라고 한다. 1. 값 할당을 통한 내로잉 변수에 유니언 타입 애너테이션이 명시되고 초깃값이 주어질 때 값 할당 내로딩이 작동된다. 타입스크립트는 변수가 나중에 유니언 타입으로 선언된 타입 중 하나의 값을 받을 수 있지만, 처음에는 할당된 값의 타입으로 시작한다는 것을 이해헤야한다. 2. 조건 검사를 통한 내로잉 if 문을 통해 변수의 값을 좁히는 방법을 사용한다. 3. typeof 검사를 통한 내로잉 직접 값을 확인해 타입

2023년 3월 5일
·
0개의 댓글
·
post-thumbnail

Learning TypeScript 2장

타입의 종류 : 타입이란 자바스크립트에서 다루는 값의 형태에 대한 설명이다. (형태란, 값에 존재하는 속성과 메서드 그리고 내장되어 있는 typeof 연산자가 설명하는 것을 의미) - 일곱가지의 원시타입 null undefined boolean string number bigint symbol 타입 시스템 코드를 읽고 존재하는 모든 타입과 값을 이해한다. 각 값이 초기 선언에서 가질 수 있는 타입을 확인한다. 각 값이 추후 코드에서 어떻게 사용될 수 있는지 모든 방법을 확인한다. 값의 사용법이 타입과 일치하지 않으면 사용자에게 오류를 표시한다. 오류 종류 구문 오류 > 타입스크립트가 코드로 이해할 수 없는 잘못된 구문을 감지할 때 발생한다. 이는 타입스크립트가 타입스크립트 파일에서 자바스크립트 파일을 올바르게 생성할 수 없도록 차단합니다. 타입 오

2023년 3월 4일
·
0개의 댓글
·
post-thumbnail

Learning TypeScript 1장

개념 TypeScript javascript의 대체 언어이다. .ts 확장자를 사용하고 컴파일의 결과, .js 파일로 출력한다. 최종적으로 javascript 코드를 구동시키는 것 javascript 와 달리 타입을 명시 할 수 있어 코드 작성시 에러를 줄 일 수 있다. 자바스크립트는 C나 Java와 같은 C-Family 언어와는 구별되는 특성이 몇 가지 있다. Prototype-based Object Oriented Language Scope와 this 동적 타입 언어 (느슨한 타입 언어) TypeScript는 자바스크립트 대체 언어 중 하나로써 자바스크립트(ES5)의 상위확장(Superset)이다. Microsoft에서 2012년 발표한 오픈소스 정적 타이핑을 지원하며 ES6의 클래스, 모듈 등과 ES7의 Decorator 등을 지원한다. ES5의 Superset이므로 기존의 JS 문법을 그대로 사용할 수 있

2023년 3월 4일
·
0개의 댓글
·