반응형 개발/TypeScript23 타입스크립트 타입 별칭 (Type Aliases) 타입이 너무 길 때 다음과 같이 타입이 너무 길어서 보기 안좋을때가 있다. let people : string|number|undefined = "june" 이땐 타입을 변수로 지정하자. type PeopleType = string|number|undefined;//대문자로 시작하는건 그냥 국룰, let people : PeopleType = "june" readonly 사용 const 는 재할당이 불가능하다. const name = "june" name = "hee" // 재할당에러 하지만 object 내부는 const로 선언해도 변경이 가능하다. const human = { name : "june" } human.name = "hee" 이때 object 내부의 속성을 바뀌지 않게 하고 싶다면 read.. 2022. 1. 14. Typescript narrowing과 assertion 다음과 같이 union type으로 파라미터의 타입을 정해주었다. import React, { useState } from "react"; function App() { function plusFunc(x: number | string): void { return x + 1;//union type은 number가 아니기 때문에 type에러 발생 } return {plusFunc(3)}; } export default App; 타입이 숫자일땐 이거 문자일땐 저거 가 실행되도록 하려면 어떻게 할까?? 예상하겠지만 if문으로 해결할 수 있다. Narrowing 타입을 하나로 Narrowing해준다고 표현한다.(타입을 하나로 정해줌) import React, { useState } from "react"; fu.. 2022. 1. 14. 타입스크립트 함수에 타입지정은 파라미터와 리턴값 두군데에 한다! 함수에서 타입지정하는 2곳 타입스크립트에서 함수는 총 2군데 지정한다. 1. 파라미터 2. 리턴 function helloWorldFunc(x:number) : string{ return `x의 2배는 ${x*2}입니다.` } 파라미터는 number로 리턴값은 string으로 지정한다. 만약 리턴값이 없다면?? 다음과 같이 리턴값을 void로 설정하면 된다. function consoleLogFunc(x:string):void{console.log('hello'+x)} 파라미터가 옵션일때 타입스크립트에서는 '이 파라미터는 옵션이다.' 라고 정의를 해주어야 에러가 나지 않는다. 그 방법은 파라미터 우측에 물음표를 치는 것이다. function hiFunc(x?:string):void{ console.log.. 2022. 1. 14. 타입스크립트 Union Type 타입스크립트에서는 에러를 방지하기 위해 미리 엄격하게 타입을 검사한다. import React from "react"; const name = "준열";//타입선언 생략하면 자동으로 string설정 let age: number = 26; function App() { return ( {name}는 {age}살 입니다. ); } age는 number형으로만 할당할 수 있고, 26을 할당했다. 만약 age에 number도 쓰고 string도 쓰고싶다면 어떻게할까?? | 라는 기호를 사용하여 union type을 설정할 수 있다. 바로 이렇게 import React from "react"; const name = "준열";//타입선언 생략하면 자동으로 string설정 let age: number|string .. 2022. 1. 13. 이전 1 2 3 4 5 6 다음 반응형
