목록TypeScript (7)
상추의 IT저장소
추상화(Abstraction) - 추상화는 객체지향 프로그래밍의 핵심아이디어 중 하나이다. 복잡성을 최소화하고 하위 수준의 세부사항을 미리 구현할 필요가 없이 상위 수준에 집중하고 나중에 세부 사항을 구현할 수 있게 해준다. - OOP에서는 두가지 유형의 클래스가 존재한다. 추상클래스와 구체 클래스이다. - 구체 클래스는 new 키워드를 통해 객체를 생성할 수 있다. - 반면에 추상 클래스는 구체 클래스가 가져야 하는 속성과 함수를 설정하는 클래스이다. - 추상클래스는 클래스 앞에 'abstract' 키워드를 붙여 선언한다. - 하지만 추상 클래스는 구체 클래스의 설계서이므로 인스턴스를 생성할 수 없다. TypeScript의 추상클래스 - 타입스크립트에서 추상 클래스를 사용하는 가장 일반적인 용도는 구체..
타입 단언(Type Assertion) 이란? - 타입스크립트가 추론하지 못하는 타입을 as 키워드를 통해 명시해주는 것 - as 뒤에 명시하고자 하는 데이터 타입을 작성 해주면 된다. - 실제 데이터 타입을 변경하지 않고 타입 에러가 나지 않게끔 한다. Type Casting과 Type Assertion의 차이점 - Type casting : 데이터의 타입을 변환 -> 실제 타입이 변한다. - Type assertion : 데이터의 타입을 명시 -> 데이터 타입에 영향을 주지 않는다. Type Assertion 사용법 // as 를 활용한 type assert let str : unknown = "String"; let strLength : number = (str as string).length; /..
제네릭(generic) 이란? - 제네릭은 C# 과 Java와 같은 객체지향 프로그래밍에서 사용하는 기법이다. - 메서드 매개변수의 구체적인 타입을 기재하지 않고 다양한 타입을 처리 할 수 있는 기술이다. - 타입스크립트에서 활용 가능하며, 함수, 인터페이스, 클래스의 재사용성을 높일수 있다. function NumberReturnFunc(arg: number): number { return arg; } function StringReturnFunc(arg: string): string { return arg; } function BooleanReturnFunc(arg: boolean): boolean { return arg; } 함수의 기능은 똑같은데, 매개변수의 타입과 반환하는 타입이 다르다는 이유로..
변수 선언- 변수에 타입을 지정할 수 있다.- 해당 코드와 같이 지정된 타입이 아닌 다른 타입의 값을 할당할 때, 에러가 나온다.- 지정할 수 있는 타입에는 string, number, boolean, null, undefined, bigint, [], {} 등이 있다.let str: string = 'hi';let num: number = 1;let flag: boolean = true;let any: any; array 타입 지정- array 타입으로 지정할 때는, array 안의 요소의 타입까지 지정해 줘야한다.let arr1: number[] = [1,2,3,4,5];let arr2: string[] = ['a','b','c','d'];let arr3: Array = [1,2,3,4,5]; ob..
Class - 객체 지향 프로그래밍(OOP)에서 특정 객체를 생성하기 위해 변수와 메소드를 정의하는 일종의 틀(template)이다. 객체를 정의하기 위한 메소드와 변수로 구성된다. by 위키백과 - ES6 에는 기존의 객체 지향 언어와 비슷하게 클래스를 선언할 수 있는 class 키워드가 추가 되었다. - typescript의 클래스는 ES6 클래스의 상위집합으로, ES6 클래스를 포함할 뿐 아니라 추가기능을 제공한다. 생성자 - constructor 키워드를 사용해 클래스 생성자를 정의 할 수 있다. - 클래스 생성자를 통해 클래스 인스턴스가 생성될 때, 실행될 로직을 정의 할 수 있다. 속성 - 객체 속성과 유사하게 클래스 인스턴스도 속성을 가질 수 있다. - 클래스 내에서는 속성엔 this 키워드..
타입스크립트란? 타입스크립트는 자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어이다. 자바스크립트의 슈퍼셋이기 때문에 자바스크립트로 작성된 프로그램이 타입스크립트 프로그램으로도 동작한다. 타입스크립트에서 자신이 원하는 타입을 정의하고 프로그래밍을 하면 자바스크립트로 컴파일되어 실행할 수 있다. 타입스크립트 사용이유 에러를 예방해준다 : type을 미리 부여하기 때문에 코드 작성시에 알맞지 않은 타입을 사용하거나 타입을 넣지 않았을 경우 실행 전에 오류를 확인할 수 있다. 실행속도 : 자바스크립트는 런타임시에 오류 확인이 가능하지만, 타입스크립트를 사용하면 미리 타입 검사를 진행하기 때문에 실행시 컴퓨터의 작업이 줄어들어 실행 속도가 빨라진다. 안전성 : 자바스크립트는 실행 중에 버그를 찾기 때문에 테스트 ..
오류 내용Typescript를 처음 배우는 과정에서 npm i typescript를 하고 tsc -v 명령어를 입력하여 버전확인을 하려고 하는데...해당 오류가 확인 되었다. 해결 방법VScode를 관리자 권한으로 실행한다terminal에 아래 명령어를 입력한다.$ Get-ExecutionPolicy$ Set-ExecutionPolicy RemoteSigned해당 명령어는 Restricted에서 RemoteSigned로 변경하는 명령어이다.Restricted : (제한된) 기본 실행 정책, 명령어 하나씩 실행 가능, 스크립트 파일을 로드하여 실행할 수 없음RemoteSigned : 로컬 컴퓨터에서 본인이 생성한 스크립트만 실행 가능, 인터넷에서 다운로드한 스크립트는 신뢰된 배포자에 의해 서명된 것만 실..