TypeScript

: 브라우저, NodeJS의 특징은 JS 파일을 실행할 수 있다는 것이다. 그러나, 타입스크립트는 브라우저, NodeJS 양쪽 모두에서 실행될 수 없다. 따라서, 결국 타입스크립트를 써도 Javascript로 변환하는 과정이 필요한데, 이는 타입스크립트 컴파일러를 통해

: TypeScript는 마이크로소프트에서 개발한 오픈소스 프로그래밍 언어다. 쉽게 정의해보면타입스크립트 = 자바스크립트 + '타입'적용Javascript의 상위 집합으로 ECMAScript의 최신 표준을 모두 지원하며(모두 포괄함) 트랜스파일링(by 타입스크립트 컴파

: 새로운 회사에서 기껏해야 4개월 정도 일하고 있는 나지만 여태껏 일하면서 가장 '에러'를 많이 발견하고, 일으켰던 부분은 바로 '타입(type)'과 관련된 부분이었다. 특히 api를 통해 자료를 받아와서 렌더링을 하는 부분에 있어서 자료가 안오거나, 잘못된 자료가

위의 예시를 보면(타입스크립트 코드), 위에는 num이라는 변수의 타입을 명시적으로 표현해주지 않은 것이고, 아래는 명시적으로 넘버 타입을 표시해준 부분이다. 이 때, 주석 처리한 부분을 보면, num이라는 변수에 'string'이라는 문자열 타입의 자료를 할당하려했는

TS에만 존재하는 타입에 관하여 Void : 사실 void는 자바(JAVA)를 썼던 사람이라면(사실 대부분의 타입스크립트 타입들이 그렇지만) 알고 있는 개념일 것이다. 결과적으로 void는 함수에서 리턴값이 없을 때 return 타입을 void로 해주거나, retur

: JS의 함수는 일급 객체로 변수에 할당할 수 있었는데 그것처럼 함수도 타입을 미리 지정해서 type alias에 저장할 수 있다. 본래 이와 같이해야하는 것을아래와 같이 해줄 수 있다.아직 이것에 대한 실용성(?)은 제대로 알지 못하지만 나중에 props로 함수를

: 위의 상황은 뭘 나타낼까 ?상황 : 우리는 자바스크립트로 개발을 할 때 다양한 외부 API(ex DOM API)를 가져다 쓴다(node_modules에 들어가는 모듈 등). 이 때, 타입스크립트를 같이 사용하는 프로젝트라고 했을 때 이러한 모듈들에 대해서 타입스크립

최상위 컴포넌트인 index.tsx에서 위의 코드에서 아래와 같은 TS2345: Argument of type 'HTMLElement | null' is not assignable to parameter of type 'Element | DocumentFragment'

: 우리가 흔히 아는 ES5, ES6 는 포함 관계가 명확하다. 즉, ES5에 없는 문법이 ES6에 있고, ES6로 코딩을 했을 경우에 결국엔 ES5로 트랜스파일링을 해줘야한다. 그러면 같은 원리로 Typescript도 ES6의 문법을 포함함과 동시에(당연히 ES5도

: 사실 여태까지 Interface 보다는 Type을 주로 써와서즉, 위와 같이 써도 interface와 같은 역할을 type이 해주기 때문에 주로 type을 썼었다. 하지만, 인터페이스도 사실 같은 기능을 하는 것이기에 알아두면 분명 쓸데가 있을..까(이건 팀마다 혹

: 이 말을 약간 풀어서 말해보면 js의 함수는 우리가 객체 지향 프로그래밍에서 특정 클래스에서 인스턴스를 생성하면, 그 인스턴스는 해당 클래스에 정의된 특성 및 메서드를 실행할 수 있는 자격 등을 갖게되는 것처럼, 함수도 Function(같은 말이지만) 클래스의 인스