프로그래밍/TypeScript

🎯 TypeScript 클래스 사용하기 class Person { name: string; // 객체와 달리 쉼표가 아닌 것에 유의!! constructor(name: string) { this.name = name; // 이 클래스의 생성자로 처음 클래스가 만들어질 때 해당 구문이 실행됨! } say() { return "안녕 " + this.name } // 클래스 내부의 메서드(객체 내부의 함수)는 일반적인 함수와 유사하게 선언함 } let person = new Person("John"); new를 사용하여 Person 클래스의 인스턴스 생성 Person class의 필드는 name 생성자 constructor 메소드 say()가 있다. 클래스 안에 this.를 앞에 붙이면 클래스 필드를 의미 📝..

🎯 TypeScript 함수 사용하기 함수 작성 시 반환 타입 명시 권장 매개변수와 인수의 타입이 호환 가능하게 작성 인수 타입의 전달이 잘못된 경우 오류 발생 📝 함수 선언 function sum(a: number, b: number) { return a + b; } // 함수 선언식 function world(name: string):string { return `hello ${name}`; } // 함수 표현식 let world2 = function (name: string):string { return `hello ${name}`; } //화살표 함수 표현식 let world3 = (name: string): string => { return `hello ${name}`; } // 단축형 화살표 ..

🎯 인터페이스와 타입 별칭 타입스크립트에서 타입을 기술하는 2가지 방법이 있다. ⇒ 인터페이스, 타입 별칭(타입 알리아스) 타입 별칭은 특정 타입이나 인터페이스를 참조할 수 있는 타입 변수를 의미한다. 인터페이스는 상호 간에 정의한 약속 혹은 규칙을 의미한다. 📝 타입 별칭 (Type Aliases) // string 타입을 사용할 때 const name: string = 'capt'; // 타입 별칭을 사용할 때 type MyName = string; const name: MyName = 'capt'; // Ex type Name = string; type Email= string; type FooFunction = () => string; // 함수도 타입을 가지고 규정할 수 있다. 반환값이 stri..

🎯 타입스크립트 12개 타입 타입스크립트의 기본 타입에는 크게 다음 12가지가 있다. :를 이용하여 자바스크립트 코드에 타입을 정의하는 방식을 타입 표기(Type Annotation)라고 한다. 📝 String - 문자열 let str: string = "hi"; let sentence: string = `Hello, my name is ${ fullName }. 백틱으로 ${ expr }과 같은 형태로 표현식을 포함시킬 수 있다. 📝 Number - 숫자 let num: number = 10; let hex: number = 0xf00d; let binary: number = 0b1010; let octal: number = 0o744; TypeScript의 모든 숫자는 부동 소수 값이다. 16진수, ..