반응형
- [ Language/TypeScript ][TYPE SCRIPT] 타입 스크립트 Generic2023-12-31 10:00:32Generic 이란? Generic 은 C#, Java 등의 정적 타입 언어의 경우, 함수 또는 클래스를 정의하는 시점에서 리턴 타입이나 매개변수의 타입을 선언해줘야하는데, 같은 함수여도 매개변수 타입과 리턴 타입이 다른 경우가 있다면 그에 해당하는 함수를 하나하나 다 작성해줘야 합니다. 이때, 재사용성이 높은 컴포넌트를 만들어 하나의 함수만으로 사용하고 싶을 때 자주 사용하는 기능이 바로 Generic 입니다. Generic 을 사용하면 단일 타입이 아니라 사용하고 싶을 때 마다 그에 맞는 타입으로 사용할 수 있어서 코드를 일일이 작성할 필요가 사라져 코드의 가독성 또한 향상됩니다. Generic 사용 방법 Generic 을 사용하기 위해서는 변수명, 함수명 뒤에다가 를 작성해줍니다. (꼭 T 가 아니..
- [ Language/TypeScript ][TYPE SCRIPT] 타입 스크립트 Type Alias2023-12-31 08:20:48Type Alias 란? Type Alias 는 새로운 타입을 정의할 때 사용한다. 타입으로 사용할 수 있다는 점에서 Type Alias 는 Interface 와 유사하다. Type 사용 방법 type PositionType = { x: number; y: number; }; const position: PositionType = { x: 3, y: 4 } Type 의확장 Interface 와 type 을 비교해보면 확장 기능에 있어서 interface 가 조금 더 준수한 성능을 가지고 있다고 한다. (최신 버전에서는 성능으로 인한 차이는 없다고 확인) type 과 interface 를 사용하는 데에는 팀 내 규칙에 따라서 달라지곤 하지만 일반적으로 type 을 사용할 때에는 단순히 값을 담아두기 위해..
- [ Language/TypeScript ][TYPE SCRIPT] 타입 스크립트 Interface2023-12-30 13:06:55Interface 란? 인터페이스는 일반적으로 상호 간에 정의한 약속 혹은 규칙을 말하는데, 우리가 사용하는 Object 객체에는 특정 속성값에 대한 정보가 없기 떄문에 인터페이스로 선언해서 사용할 수 있다. 인터페이스는 프로퍼티와 메서드를 가질 수 있다는 점에서 클래스와 유사하지만 직접 인스턴스를 생성할 수 없고, 모든 메서드는 추상 메서드로 선언되어 있다. 하지만, 추상 클래스의 추상 메서드와는 다르게 abstract 키워드를 사용하지 않는다. 인터페이스는 변수의 타입으로 사용될 수 있으며, 이때 선언된 변수는 인터페이스에 정의된 프로퍼티와 메서드 규칙을 준수해야 한다. 이는 사용자가 새로운 타입을 만들어서 정의하는것으로도 볼 수 있다. 이제 Interface 에 대해 알아봤으니 어떠한 경우에 사용하..
- [ Language/TypeScript ][TYPE SCRIPT] Class2023-12-27 00:54:52접근 제한자 ( Access Modifier ) 타입 스크립트에서는 접근 제한자 (Access Modifier) 를 지원한다. 접근 제한자에는 public , private , protected 가 있다. 아무것도 표기하지 않고 작성하면 public 이다. private 을 사용하면 해당 클래스 내에서만 사용 가능하다. #을 붙여도 가능. protected 는 자식 클래스에서도 접근이 가능하지만, 클래스 인스턴스에서는 접근 불가. static 을 사용하면 클래스로 접근해야한다. class Exam { name: string static nation: string = 'Korea' private addr: string protected age: number constructor(name: string , ..
- [ Language/TypeScript ][TYPE SCRIPT] 타입 스크립트 기본 문법2023-12-27 00:47:16자료형 타입 스크립트에서 제공하는 데이터 타입은 Js 기본 자료형을 포함하며 boolean, number, string, symbol, null, undefined, array, any, void, never, unknown enum 등의 원시 타입이 있다. Type Annotation Type Annotation 이란 명시된 타입만 들어올 수 있다고 선언하는 것을 말한다. // Literal Types const userName1 = "Bob"; // const로 선언할 때, type 자체가 "Bob"로 할당, 이를 리터럴 타입이라 한다. let userName2 = "Tom"; // 다른 문자열로 바뀔 수 있으므로 type이 string로 할당. // Union Types : | 를 사용하여 타입을 ..
- [ Language/TypeScript ][TYPE SCRIPT] 타입 스크립트에 대해서 알아보자2023-12-27 00:31:17Type Script 란? 자바 스크립트에 타입을 부여한 언어로, 컴파일 시 에러를 잡을 수 있다. 자바 스크립트 확장 버전 타입 스크립트는 자바 스크립트와 달리 브라우저에서 실행하려면 파일을 한번 컴파일 해주어야 한다. 자바 스크립트의 에러를 사전에 방지 사용하는 이유 위에서 말했듯이, 타입 스크립트는 코드 작성 시 타입을 정해주기 때문에 알맞지 않은 타입이 들어가거나, 문제가 생길 경우 사전에 IDE 에서 오류 표시를 해준다. 타입 스크립트는 정적 언어이기 때문에 코드 작성시에 오류를 체크하고, 타입을 미리 결정하기 때문에 기계가 할 일을 사전에 처리하여 실행 속도가 빠르다. 타입을 명시하여 가독성이 좋아지고, 컴파일 시 오류를 찾기 때문에 자바 스크립트 보다 더 안정적이다.
반응형