부트캠프교육중/TypeScript22 [TS] event.currentTarget.value event: React.FormEvent 이렇게 해서 이 함수가 InputElement에 의해서 실행될것을 아는거다. const onChange = (event: React.FormEvent) => console.log(event.currentTarget.value); 타입스크립트에서는 event.target.value가 아니고 event.currentTarget.value 이거 해주면된다. 2023. 8. 20. [TS] TS에서 props하는법 interface CircleProps { bgColor: string; } function Circle({ bgColor }: CircleProps){ return ; } export default Circle; 2023. 8. 18. [TS] 타입 호환 타입호환(Type Compatibility) - 타입스크립트 코드에서 특정 타입이 다른 타입에 잘 맞는지를 의미한다. interface Developer { name: string; skill: string; } interface Person { name: string; } let developer: Developer; let person: Person; developer = person; //에러 person = developer; //정상 person이 더 작은 구조적 범위이기때문에 에러난다. 오른쪽이 더 큰 범위여야한다.!!! 부분집합모양처럼 !! interface Developer { name: string; skill: string; } class Person { name: string; } l.. 2023. 8. 18. [TS] 타입 가드 interface Developer { name: string; skill: string; } interface Person { name: string; age: number; } function introduce(): Developer | Person { return { name: 'tony', age: 33, skill: 'Iron Making' } } let tony = introduce(); console.log(tony.skill); // 오류 console.log(tony.age); // 오류 console.log(tony.name); // 정상 return 값에 skill이 있음에도 오류표시나는 이유는 유니언타입으로 해서 공통된 속성만 된다. 그래서 name만 된다. 만약 skill을 이용하.. 2023. 8. 18. 이전 1 2 3 4 ··· 6 다음