TS 커리큘럼

값에 형태를 적어 두면 무엇이 달라지는지 봅니다.

• 1.1 타입이 왜 필요한가 JavaScript 가 실행할 때에야 알려 주던 것을 미리 잡습니다.
• 1.2 기본 타입과 추론 string · number · boolean 과, 적지 않아도 정해지는 타입입니다.
• 1.3 배열과 튜플 같은 것이 여럿 담긴 것과, 자리마다 다른 것이 담긴 것입니다.
• 1.4 유니온과 리터럴 타입 둘 중 하나만 담기게 하고, 정해진 값만 담기게 합니다.
• 1.5 any 와 unknown 타입 검사를 끄는 것과, 확인하기 전에는 사용하지 못하게 하는 것입니다.
• 1.6 null 과 undefined 값이 없을 수 있다는 것을 타입에 적고, 확인해야 사용하게 합니다.

주고받는 값의 형태를 적습니다.

• 2.1 함수의 타입 매개 변수와 반환값에 형태를 적습니다.
• 2.2 선택 매개 변수와 기본값 넘기지 않아도 되는 인수를 타입으로 밝힙니다.
• 2.3 객체 타입 객체가 어떤 이름과 값을 담는지 적습니다.
• 2.4 타입 별칭 형태에 이름을 붙여 여러 곳에서 사용합니다.
• 2.5 타입 좁히기 여러 가지일 수 있는 값을 확인해서 하나로 좁힙니다.

형태를 다시 사용하고, 형태 자체를 값처럼 다룹니다.

• 3.1 인터페이스 객체가 갖추어야 할 것을 적어 두고 여러 곳에서 지킵니다.
• 3.2 interface 와 type 무엇이 같고 무엇이 다른지, 어느 쪽을 사용할지 봅니다.
• 3.3 제네릭 타입을 나중에 정하는 함수와 형태를 만듭니다.
• 3.4 유틸리티 타입 Partial · Pick · Omit · Record 로 있는 타입을 고쳐 씁니다.
• 3.5 클래스와 접근 제한자 public · private · readonly 로 드러낼 것을 정합니다.

실제 프로젝트에서 TypeScript 를 세우고 쓰는 방법입니다.

• 4.1 tsconfig 와 컴파일 설정 파일이 무엇을 정하고, 어떻게 JavaScript 로 바뀌는지 봅니다.
• 4.2 JavaScript 에서 옮기기 이미 있는 코드에 타입을 조금씩 붙이는 순서입니다.
• 4.3 타입 정의 파일 d.ts 가 무엇인지, 남이 만든 코드의 타입을 어디서 받는지 봅니다.
• 4.4 다음 단계 React · Node 로 이어지는 길과 더 볼 것을 정리합니다.