javascript/typescript

TodoItem컴포넌트 props item에 type을 정의해줬는데 Property 'item' does not exist on type 'ITodoItem'. 라고 error가 났다. 그니까 ITodoItem 인터페이스에 porps item에 대한 type이 존재하지 않는다 뭐 이런 오류인거 같은데.. 분명 타입 정의를 해줬는데 왜 안되지 하면서 별의별 시도를 해보다가 원인을 알게됨. TodoItem컴포넌트에서 props item이 빈객체로 인식되기 때문에 프로퍼티에 type이 없다~~~이렇게 에러를 내뿜는것.. List컴포넌트에서 TodoItem컴포넌트에 props를 넘겨줘야 객체 프로퍼티가 들어오기 때문에 빈객체인게 당연했다. interface ITodoItem { [key: string]: any..

자바스크립트에서 typeof는 변수의 유형을 알아볼때 주로 사용했었다. 하지만 typescript 안에서는 살~짝 다르게 쓰이는거 같아 알아보았다. let x = "hello world"; console.log(typeof x); 기본적으로 ts에서 js에서 변수의 유형이 뭔지 도출하는 기능은 같다. 추가적인 기능이 있는것! let s = "hello"; let n: typeof s; // n: string 공식문서의 예제로 살펴보겠다. 변수 n에 typeof를 사용하여 기존 변수 s의 type을 복사할 수 있다 자스랑 헷갈렷던게 타입을 복사한다는 개념이 헷갈렸었다..🥲 ts에선 새 변수에 기존변수의 타입을 typeof로 복사 가능하다는 거!! let x = 20; let y = "공작새"; type P..

Typescript 기본 순수자바스크립트에서 정적타이핑(컴파일당시 결정.변수에 자료형을 사전에 지정)을 지원하는 언어이다. javascript는 동적타입 언어라서 런타임시 type이 결정되지만 typescript는 정적타입이라 변수에 미리 타입을 선언후 컴파일시 타입을 체크해준다. 이러한 점에서 에러를 잡을 수 있고 다양한 브라우저에서 사용가능하도록 typescript로 작성하면 javascript로 컴파일해주기 때문에 babel을 쓸 필요가 없다. 결국 이와 같은점을 확인했을때 typescript도 javascript일 뿐이며 typescript에 javascript가 속해있는 것이다. >>한마디로 말해서 타입스크립트는 내가 원할때 정적타이핑을 하는 자바스크립트! Typescript를 써야하는 이유 1..