나의 개발일지

function App() { // call Signatures type Add = (a: number, b: number) => number; const add: Add = (a, b) => a + b; return ; } export default App; 여기서 { a + b } 를 써주었을 때 왜 오류가 발생하는지에 대해 아리송했는데 밑에 댓글에서 친절하게 설명해주었다 type Add = (a: number, b: number) => number; 1. const add: Add = ( a, b ) => a + b; function add = ( a, b ) { return ( a + b ) } 2. const add: Add = ( a, b ) => { a + b }; function add =..

// 명시적으로 타입을 지정해주지 않으면 오류 발생 function Todos(props : {items : string[]}) { return ( Learn React Learn TypeScript ) } 리액트에서 props는 언제나 객체 형태이다 정리하자면 props는 객체고, items를 키로 가지며, 문자열 배열을 값으로 갖는다는 것 이런 식으로 매번 지정하는 것은 번거롭다 그래서 제네릭 타입을 이용한다! import React from "react"; // React.FC ==> 이 함수가 함수형 컴포넌트로 동작한다는 걸 명확히 하는 것 // FC 자체가 제네릭 타입이다 안에는 우리가 만든 객체를 집어넣는다 const Todos: React.FC = (props) => { return ( {p..

let age: number age= 12; age = 'a' // 오류 발생(위에서 명시한 건 number, 하지만 문자로 썼음) let userName : string; userName='heewon' let isInstructor : boolean; isInstructor=true; number 과 같은 타입은 소문자로 작성한다. more complex types let hobbies : string[] // let hobbies : number[] // let hobbies : boolean[] hobbies = ['sports', 'cooking', 122] // 오류 발생 (뜬금없이 숫자열이 껴있다) hobbies = ['sports', 'cooking'] ** any : 기본값으로 아무 타입..