본문 바로가기

Ecmascript/typescript

(3)
실서비스에서 타입스크립트로 포팅하며 느낀 점 자바스크립트와 리액트로 되어있던 레거시 프로젝트를 타입스크립트와 리액트로 다시 제작하고 느낀 장단점이다. 처리가 복잡한 프로젝트에서는 확실히 단점보다 장점이 더 와닿았다. 장점 type과 interface가 주석보다 뛰어난 개발명세서 역할을 한다. 주석은 개발이 변경되도 안바꿔도 그만이지만, type은 안바꾸면 에러나므로 항상 최신 내역을 유지한다. api나 url parameter처럼 서버에서 생성한건 interface, 본인이 필요해서 만든건 type으로 규칙을 정해서 관리했는데, 이런 것들이 소스만 보고도 개발명세에 대한 빠른 파악을 할 수 있게 돕는다. 좀더 견고한 로직을 작성하게 강제한다. 빈값(null, undefined)처리등을 하지 않으면 런타임상에서 에러를 뱉기때문에 처음부터 방어코딩을 ..
[Error]Cannot use JSX unless the '--jsx' flag is provided 글로벌로 설치된 TS 버전이랑 현재 IDE에서 인식하는 버전이랑 달라서 발생 나같은 경우에는 글로벌은 4.3인데 CRA로 타입스크립트 플젝을 만들었더니 node_module에 설치된 건 4.1.2이라서 발생한 문제였다. IDE 오른쪽 아래에 숫자로 버전 적힌곳 클릭 -> Select Tyoescript Version -> Use Workspace Version
공식 API 문서 https://typescript-kr.github.io/ TypeScript 한글 문서 TypeScript 한글 번역 문서입니다 typescript-kr.github.io https://www.typescriptlang.org/docs/handbook/basic-types.html Basic Types · TypeScript Table of Contents # Introduction Boolean Number String Array Tuple Enum Any Void Null and Undefined Never Object Type assertions A note about ‘let’ Introduction # For programs to be useful, we need to be able to wo..