2-1. TS가 JS보다 좋은점

Mark64-1·2022년 1월 24일
0

JS

목록 보기
5/16
  1. tsconfig.JSON
    컴파일에서 옵션을 줄수있다.(이거 JS도 됌..)
    1-1. strict
    js가 ts로 바뀔때, 이것들의 역할을 꼼꼼하게 검사하는것
    암묵적으로 선언된 타입을 반드시 명시적으로 선언하게 검사한다
    1-2. alwaysStrict
    js가 ts로 바뀔때 만약 모든것을 너무 꼼꼼하게 검사하면 처음 변환할때 피로감을 느낄 js 개발자들을 위해 어느정도 느슨하게 풀어주는 조건에 관해서 이야기한 설정이다. 100개중에 1, 2, 50... 천천히 js -> ts 하게 여유를 주는 옵션이다.
    1-3. noImplicitAny
    js의 장점이 무엇인가?
    암묵적으로 타입을 지정하지 않아도 알아서 타입이 지정되는것이 장점인데, 이것을 ts는 Any라는 형태를 사용해서 받아들인다.
    즉, 타입을 명시하지 않으면 ts도 변수를 Any형태를 기본으로 하는데 이 옵션이 true상태이면 그렇지 못하게 에러를 뱉는다.
    1-4. noImplicitThis
    any 타입으로 암시한 this 표현식에 오류를 보고합니다.
    this는 이 this가 뭔지 모르고 쓰는 경우도 많고, this에 대한 이해가 없이 쓰는 경우가 많은데 이것들을 거르기 위해 있는 옵션이다.
    1-5. downlevelIteration
    ES5 또는 ES3를 대상으로 할 때 for..of, 스프레드와 구조분해할당에서 이터러블을 완전히 지원합니다.
    즉, 신버전의 for문을 사용할때 이것들이 구버전에서 정상적으로 작동하지 않는데, 이것들을 지원할것인지에 대한 여부를 물어본다.
    1-6. SourceMap
    ts파일을 실행하면 dist파일을 내놓는다.
    이걸 보면 index.html이 있고, 이것이
    app.(random).js
    app.(random).js.map
    이 두 파일들을 임포트한다.
    그럴때, 우리는 페이지에서 에러가 나면 이미 ts파일이 js가 된 결과물을 보고 고려해야하는데 우리는 이것을 알 수 없으니 에러를 찾기가 너무 힘들어진다. 그럴때 이것들을 컴퓨터는 js로 인식하지만 우리의 눈에는 ts로 보일 수 있게 해주는것이 map파일의 역할이고, 이것을 생성해주는것이 sourceMap 옵션이다.
profile
개발자임미다.

0개의 댓글