58. 모던 자바스크립트로 작성하기

58-1. 타입스크립트는 자바스크립트의 상위집합이다

• 타입스크립트는 타입 체크 기능 외에 코드를 특정 버전의 자바스크립트로 컴파일 하는 기능을 갖고있다
• 즉, 타입스크립트 컴파일러를 자바스크립트 트랜스파일러(구버전↔신버전)로 사용할 수 있다.
• 그러므로 모던 자바스크립트로 바꾸는 과정은 타입스크립트 마이그레이션 과정의 일부이다.

58-2. ECMAScript 모듈(ES 모듈) 사용하기

• import export

58-3. 프로토타입 대신 클래스 사용하기

58-4. var 대신 let/const 사용하기

58-5. for(;;) 대신 for-of 또는 배열 메서드 사용하기

58-6. 함수 표현식보다 화살표 함수 사용하기

58-7. 단축 객체 표현과 구조 분해 할당 사용하기

• 예시

58-8. 함수 매개변수 기본값 사용하기

58-9. 저수준 프로미스나 콜백 대신 async/await 사용하기

58-10. 연관 배열에 객체 대신 Map과 Set 사용하기

• (기본개념) 연관 배열
• (기본개념) Map

58-11. 타입스크립트에 use strict 넣지 않기

• 타입스크립트 컴파일러 수준에서 사용되므로 무의미

59. 타입스크립트 도입 전에 @ts-check와 JSDoc으로 시험해 보기

59-1. 파일 상단에 // @ts-check 추가하기

59-2. TS 변환 시 찾아낼 수 있는 오류들 (1)

• 선언되지 않은 전역변수
• 알 수 없는 라이브러리
• DOM 문제
• 부정확한 JSDoc

59-3. 최종 목표는 .ts 코드임을 잊지 말자

60. allowJs로 타입스크립트와 자바스크립트 같이 사용하기

// tsconfig.json

{
  "compilerOptions": {
    ...
    "allowJs": true,
    // ts 프로젝트에서 js를 읽을지 여부, default: false
    ...
  },
}