Coding/TypeScript
-
[Typescript] 옵셔널 체이닝(Optional Chaining) 파헤치기Coding/TypeScript 2021. 4. 20. 17:28
Typescript에는 옵셔널 체이닝이라는 문법이 있다. null이나 undefined가 반환되면, 즉시 중단하고 undefined를 반환하는 문법이다. Javscript와 달리 Typescript는 컴파일 언어이기 때문에 undefined로 예상되는 객체에서 메소드를 사용하거나 하는 경우 오류를 발생시킨다. Javscript에도 존재하는 문법이지만 실험적으로 존재하는 기능이고 Typescript에서는 3.7 릴리즈 버전으로 도입되었다. Swift나 Kotlin 같은 신세대(?) 언어에서도 널리 사용되고 있는 기능이다. const response = // API를 통해 데이터를 불러온다 const { data } = response.data; if (data && data.person) { return ..
-
아직 타입스크립트 사용을 고민 중이라면 (타입스크립트를 1달 간 사용해본 후기)Coding/TypeScript 2020. 10. 27. 00:51
안녕하세요, 오늘은 자바스크립트에서 타입스크립트로 넘어가면서 제가 개인적으로 느낀 점에 대하여 포스팅해보려 합니다. 아무래도 사용 기간이 짧고, 리액트에 대한 지식도 완전하지 않기 때문에 타입스크립트에 대한 분석보다는 여과없는 의견이 들어간 글이 될 것 같습니다. 🥺 편한 듯 불편한 너.. 저는 리액트를 사용하면서 자바스크립트만 사용하다가 최근에야 타입스크립트를 접하게 되었습니다. 최근에 회사에서 도입한 프로젝트를 타입스크립트 + 리액트로 구성하게 되었기 때문이죠. 확실히 타입스크립트를 시작하면서 공부하였을 때 알아본 것처럼, 타입스크립트는 장점이 확실하면서도 그 장점을 감당하기 위한 어쩔 수 없는 불편함이 존재하는 언어인 것 같습니다. 자바스크립트와 타입스크립트의 가장 큰 차이점은 뭘까요? 자바스크립트..
-
[TypeScript] 외부 객체 undefined 에러를 해결해보자!(Feat. 자바스크립트와의 차이)Coding/TypeScript 2020. 9. 18. 15:52
안녕하세요. 오늘은 자바스크립트 -> 타입스크립트에서 흔히 발생하는 문제인 객체 undefined 문제를 해결하는 방법에 대해 포스팅합니다. 제목을 두서없이 적긴 했으나, 정확하게는 외부 스크립트를 cdn 등의 방법으로 가져왔을 때, 해당 객체가 참조가 되지 않는 문제를 해결하는 방법이라고 보시면 되겠습니다. 오늘은 저번에 포스팅한 다음 우편번호 조회 API를 예로 들면서 자바스크립트와 타입스크립트의 차이를 알아봅시다. 자바스크립트 vs 타입스크립트 자바스크립트 자바스크립트에서는 참 간편합니다. 타입스크립트와 달리 인터프리터 언어이기 때문에, 미리 타입을 체크하지 않습니다. 그렇기 때문에 외부에서 다른 API를 꺼내쓰면서 객체를 가져와도, 이게 무슨 타입인지 전혀 신경쓰지 않는다는 것이죠! 즉 cdn으로..
-
[TypeScript] 타입스크립트란 무엇일까요?Coding/TypeScript 2020. 8. 25. 22:48
타입스크립트란 무엇일까요? 타입스크립트는 마이크로소프트가 개발하고 유지하는 오픈소스 프로그래밍 언어로 2012년 말 발표되었습니다. 발표가 된지는 꽤나 되었으나, 구글의 Angular 버전 2에서 타입스크립트를 채택한 이후로 널리 알려지게 되었습니다. 요즘은 Angular의 경쟁 프레임워크라고 볼 수 있는 React, Vue에서도 타입스크립트를 많이 사용하고 있습니다. 타입스크립트는 Javascript의 ES5 이후로 매년 새로운 버전을 발표하는 ESNext에 Type 기능을 추가한 언어입니다. 그렇기 때문에 자바스크립트 ES7이하의 기능을 모두 포함하여 사용할 수 있습니다. 특히, ES6의 새로운 기능들을 사용하기 위해 Babel과 같은 별도 트랜스파일러를 사용하지 않아도 ES6의 기능을 그대로 전부 ..