[TS] Interface 함수
·
Stack/TypeScript
interface 타입스크립트 여러 객체를 정의하는 일종의 규칙, 구조 interface IUser { readonly name: string, // readonly: 할당은 가능하지만 수정은 불가 age: number, isAdult? : boolean // 선택 속성(필수가 아님) } let user1: IUser = { name: 'Neo', age: 20 } interface IName { (매개변수: 매개변수타입) : 리턴 타입지정 } interface IGetUser { (name: string) : IUser } 함수 오버로드 이름은 같지만 매개변수 타입과 반환 타입이 다른 여러 함수를 가질 수 있는 것 함수 오버로드를 통해 다양한 구조의 함수를 생성하고 관리할 수 있음 keyof 인덱싱 가..
[TS] 타입 추론 / 타입 단언
·
Stack/TypeScript
* 타입 추론 명시적으로 타입 선언이 되어 있지 않은 경우, 타입스크립트는 타입을 추론해서 제공함 1) 초기화된 변수 let num2 = 20 // number 2) 기본값이 설정된 매개변수 function add(a: number, b = 2) { // b: number = 2 } 3) 반환 값이 있는 함수 function add(a: number, b = 2) { return a + b } * 타입 단언 타입 추론을 통해 판단할 수 있는 타입의 범주를 넘는 경우 더 이상 추론하지 않도록 지시하는 것 ex06_union // 타입 추론 // 1. 초기화 된 변수 2. 기본값이 설정된 매개변수 3. 반환값이 있는 함수 let num = 20 function addFunc(a: number, b = 2) ..
[TS] 튜플(Tuple) / 열거형(Enum) / union / intersection
·
Stack/TypeScript
* 튜플(Tuple) 배열과 매우 유사함 배열과의 차이점: 정해진 타입에 고정된 길이 배열을 나타냄 let tuple: [string, number] tuple = ["a", 1] tule = ["a",1, 2] // error 발생 let userid : number = 2134 let username: string = "green" let isValid: boolean = true let user: readonly [number, string, boolean] = [1234, "green", true] console.log(user[0]) * 열거형(Enum) 숫자 혹은 문자열 값 집합에 이름을 부여할 수 있는 타입 enum Week { Sun, Mon, Tue, Wed, Thu, Fri, Sat, ..
[TS] TypeScript 환경 셋팅 / 변수 끄적끄적
·
Stack/TypeScript
* typescript 설치없이 연습할 수 있는 사이트 https://www.typescriptlang.org/play/ TS Playground - An online editor for exploring TypeScript and JavaScript The Playground lets you write TypeScript or JavaScript online in a safe and sharable way. www.typescriptlang.org 2012년에 발표된 오픈소스 프로그래밍 언어 대규모 javascript 애플리케이션 개발을 목적 마이크로 소프트에 의해 개발 javascript: 타입이 동적타입 언어 typescript: 정적타입 언어 typescript => javascript app.t..