Typescript 공식문서 정리

Typescript

https://www.typescriptlang.org/ko/docs

 

자바스크립트는 일단 실행하고 문제 생기면 수정하는 방식으로 처리된다. 타입스크립트는 이러한 이슈를 미리 판단하고 먼저 오류를 알려줄 수 있다. 자바스크립트에서 존재하지 않는 속성에 접근하면 undefined가 나오는 반면 타입스크립트에서는 컴파일 오류가 발생한다. 인터페이스는 Java에서 메소드를 정의하는 데 사용되는 것과 다르게 단순히 오브젝트를 정의하는데 사용된다.

 

인터페이스 개념은 자바스크립트의 '덕 타이핑'과 동일하게 동작합니다. (단순히 구조적으로 문제가 없는지 확인) C++의 typedef 같은 개념이 존재하는데, 간단하게 type 키워드로 타입을 재정의할 수 있습니다. interface는 형태를 수정할 수 있고, type은 수정이 불가능합니다. 

 

리터럴 값을 유니온으로 사용하여 enum처럼 사용하거나, 특정 값만 허용하는 것이 가능합니다.

"left" | "right" | "center"

 

전체적으로 느낀 점은 코틀린과 유사한 점이 많다고 느꼈다. 특히 타입 선언을 변수명 뒤에, 함수 선언 뒤에(리턴 타입) 하는 것이 유사하다. 또한 유니온의 개념은 타 언어에서 보기 어려운 개념이라고 느꼈다. 반환 받을 수 있는 형태를 Object가 아닌 특정 타입에 매핑할 수 있다는 점에서 자바스크립트에서 파생된 언어답다고 생각한다. 

 

tsx, jsx 차이점

https://stackoverflow.com/a/64343753

 

jsx: 리액트의 언어 확장인데 마크업 언어를 코드 내에서 작성하도록 허용한다. 이는 순수한 자바스크립트 파일로 변환되게 된다.

tsx: jsx와 비슷한 역할을 하지만, typescript를 사용하는 경우에 쓰는 확장자이다.