본문 바로가기
반응형

타입스크립트5

타입 추론과 타입 단언 타입스크립트가 타입을 추론해 나아가는 과정은 변수를 선언하거나 초기화 할때 이외에도 변수, 속성, 인자의 기본 값, 함수 반환 값등을 설정할 때 타입 추론이 일어난다. 보통은 몇개의 표현식을 바탕으로 추론하는데 가장 근접한 타입을  Best Common Type 이라고 한다.그리고 타입을 추론하는 다른 방법으로는 바로 문맥상으로 타입을 결정하는 것이있다.  자세한 내용https://joshua1988.github.io/ts/guide/type-inference.html#%EB%AC%B8%EB%A7%A5%EC%83%81%EC%9D%98-%ED%83%80%EC%9D%B4%ED%95%91-contextual-typing 타입 추론 | 타입스크립트 핸드북타입 추론(Type Inference) 타입 추론이란 타입.. 2024. 8. 15.
Property 'done' does not exist on type 'object' .ts 타입 정의 하기 function completeTodo(index:number, todo:{ id: number, title: string, done: boolean, }): void { todo.done = true; todoItems.splice(index, 1, todo); } 타입 정의 let todoItems: { id: number, title: string, done: boolean }[]; function completeTodo(index:number, todo:{ id: number, title: string, done: boolean, }): void { todo.done = true; todoItems.splice(index, 1, todo); } 중복되는 코드를 줄이고 타입을 하나로.. 2023. 12. 24.
연산자를 이용한 타입 정의_유니온, 인터섹션 union type function logMessage( value:any) { console.log(value) } logMessage('hello') logMessage(100) logMessage(false) any를 사용하면 어떤 타입이건 넣을 수 있다. 하지만 이렇게 사용하면 타입을 사용하는 의미를 잃게 된다. function logMessage( value:string | number) { console.log(value) } logMessage('hello') logMessage(100) || or연산자를 썼을 때의 파이프를 하나 추가해준다. 문자열과 숫자 모두 동일하게 받아서 사용할 수 있게 된다. 장점 타입 가드: 특정 타입으로 타입의 범위를 좁혀나가는 과정(필터링시켜줌) 타입 구분 후 .. 2022. 12. 6.
타입스크립트 변수와 함수 타입 정의 문자, 숫자, 배열 const str: string = 'hello' const num: number = 10 const arr: Array = [1,2,3] const arr2: Array = ['가', '나', '다', 10] //error const arr3: number[] = [4,5,6] - 배열은 Array로 사용해줘도 되지만 타입+배열 리터럴로도 해줄 수 있다. 튜플, 객체, 진위값 // TS 튜플 const address: [string, number] = ['gangnam', 100] - 튜플은 배열 index에 타입 뿐 아니라 각 요소의 타입도 지정해 줄 수 있다. - 배열의 길이가 고정되고 각 요소의 타입이 지정되어 있는 배열 형식을 의미 // TS 객체 let obj: object.. 2022. 12. 3.
728x90
반응형