typescript
-
[typescript] interface , assertion , generic+alliastypescript 2021. 6. 17. 15:14
type alias + union type + generic type Pair = [T , T] let marry2 : Pair = ["tmddlr","tksk"] 인터페이스에는 객체도 되고 , 함수도되고 , 클래스 도 정해 줄수 있다. interface Printable { read():void } interface Printable { read(); } >>>> 'read', which lacks return-type annotation, implicitly has an 'any' return type 타입 단언 (type assertion) const myInp = document.getElementById("my") console.log(myInp.value) >> myInp 에 value 가 있..
-
[typescript] 연습장(예시)typescript 2021. 6. 15. 22:44
interface 로 객체 , 함수 , 클래스의 타입을 지정해 줄수 있다. interface 는 extends 로 확장할수 있다. interface Toy{ name : string } interface Car{ color : string; wheels : number; starts() : void; } interface ToyCar extends Toy,Car{ price : number } const examToyCar : ToyCar = { name : "wow", color : "red", wheel : 100, starts(){ console.log("start") }, price : 50000000 } type Score = "a" | "b" | "c" interface User { name ..
-
[타입스크립트] 연습장typescript 2021. 6. 11. 00:11
interface Istate { people:{ age:number, name:string, note?:string, }[] } function App() { const [people, setPeople] = useState([]) prop으로 들어가는것도 타입지정해줘야함다. interface IProps { people:{ age:number, name:string }[] } function List({people}:IProps) { return ( I am List ) } === const List : React.FC = () => { return ( I am List ) } 두가지가 같은표현이다. const renderList = () : JSX.Element[]
-
[타입스크립트] enum ??typescript 2021. 6. 4. 17:29
enum 이라는게 있는데 어떤 개념인지 그리고 어떨때 사용하는지 알아보고 간단히 정리해봄 enum : 연관된 아이템들을 묶어서 표현할수 있는 수단 !! 사용법은 enum 키워드 넣고 그냥 쓰면 된다. 안에는 이제 연관된 아이템들을 넣어놓으면은 묶여저서 객체에서 프러퍼티에 접근하듯이 . 을 통해서 사용할수 있게된다. 일단 컴파일 된 내용을 한번 보자 보면은 Exenum 이 선언이 되고 즉시실행함수 안에서 값이 할당이 되는 것을 볼수가 있는데 값이 양쪽에 다 매핑이 되는것을 확인할수있다. 이렇게 하면 키로 값을 찾을수도 있고 값을 통해서 키를 찾을수도 있다. 이거를 리버스 매핑 이라고 한다고 한다. 뭐 콘솔로 ExEnum 을 보면 { '0': 'sleep', '1': 'up', '2': 'down', sle..
-
[타입스크립트] 제네릭 에 대하여typescript 2021. 6. 3. 11:40
타입을 마치 함수의 파라미터처럼 사용하는 것을 제네릭 이라고 한다. 예시를 살펴보자 function exgeneric(text : T): T{ return text } exgeneric ("wow"); exgeneric (100); 둘다가능 꺽쇠 자리의 T 라는 문자가 타입자리에 반복 된것을 볼수 있다. 이 의미는 T 가 쓰이는 자리(파라미터, 리턴)에 타입을 일괄적으로 정해줄수 있다는 의미이다. 이것의 이점은 하나의 함수를 여러 데이터 타입으로 사용할수 있게된다. 물론 타입을 any 로 설정하게 되면 이러한 이점을 누릴 수도 있지만 이경우 동적으로 타입이 정해져 타입스크립트의 이점을 누릴수 없게 되니까 참고해서 상황에 맞게 사용하자 좀더 응용된 예시 살펴보고 끝내자 function exgeneric (..
-
[타입스크립트] interface 와 type 의 차이typescript 2021. 6. 1. 19:46
음 interface 랑 type 이랑 용도가 묶어서 타입을 지정해주는 거 같은데 뭐가 다른건지 그리고 좀 더 정확하게 어떤역할인지 알아보자.. 인터페이스 : 여러속성이 다른 타입을 가질때 이 묶음을 하나의 타입으로 만들어 버리기~ 타입 앨리어스 : 새로운 타입을 지정 할수있다... 사실상 거의 비슷한 느낌이다. 차이점 > 1. 인터페이스는 타입만 지정할수 있지만 타입앨리어스는 원시값이나 유니온타입 튜플 등도 타입으로 지정 할 수있다. // 문자열 리터럴로 타입 지정 type Str = 'Lee'; // 유니온 타입으로 타입 지정 type Union = string | null; // 함수 유니온 타입으로 타입 지정 type Func = (() => string) | (() => void); // 인터페..