한 걸음씩

◆ 클래스 클래스는 객체를 생성하기 위한 템플릿으로서, 해당 클랙스로부터 생성된 객체를 인스턴스라고 한다 클래스를 사용하면 데이터와 해당 데이터에 대한 메서드를 하나로 묶어서 사용자 정이 타입을 생성할 수 있다 public(생략가능) 선언한 클래스 내, 상속받은 클래스 내, 인스턴스 모두 접근 가능 protected 선언한 클래스 내, 상속받은 클래스 내에서 접근 가능 private(#변수명) 선언한 클래스 내에서만 접근 가능 // TypeScript 코드 class Player{ constructor( private firstName: string, private lastName: string, public nickName: string ){} } // nico라는 객체를 Player 클래스를 이용하여..

◆ Functions ▷ 숫자 타입의 함수 function add(num1:number, num2:number):number{ return num1 + num2 } add(1, 2) ▷ 불리언 타입의 함수 function isAdult(age:number):boolean{ return age > 19 } isAdult(17) ▷ 매개변수가 선택인 경우 function hello(name?:string){ // name이 있으면 name을 쓰고, 아니라면 'world' return `Hello, ${name || 'world'}` } ▷ 매개변수에 기본값 지정 function hello2(name = 'world'){ return `Hello, ${name}` } ▷ 필수 매개변수가 먼저 function ..

1. 타입스크립트를 왜 사용할까? 자바스크립트는 동적언어로, 런타임에 타입이 결정되고 오류를 발견한다 타입스크립트는 정적언어로, 컴파일 타임에 타입이 결정되고 오류를 발견한다 // num1, num2의 타입이 숫자 타입이다 function add(num1:number, num2:number){ return num1 + num2 } // showItems에서 전달되는 arr의 타입은 숫자이면서 배열이어야한다 function showItems(arr:number[]){ arr.forEach(item => { console.log(item) }) } showItems([1, 2, 3]) 2. 기본 타입 ▷ 문자열 타입 : string let car:string = 'bmw' ▷ 숫자 타입 : number le..

◆ 리터럴, 유니온/교차 타입 ▷ Literal Types // userName1의 타입을 문자열 리터럴 'Bob'으로 유추 const userName1 = 'Bob' // userName2의 타입을 string 또는 number로 지정 let useName2: string | number = 'Tom' // Job이라는 타입은 문자열 리터럴 police, developer, teacher 중 하나만 가능한 유니온 타임 type Job = 'police' | 'developer' | 'teacher' interface User{ name: string // 문자열 타입 job: Job // 위에서 정의한 Job 타입(문자열 리터럴 타입) } // user 상수는 User 인터페이스를 따를 객체로 초기화..