[원티드 프리온보딩] TypeScript 1주차 - 1

0. 사전 과제 설명

JSDoc 이용

구현될 코드를 상상하고 설계해 보자!

타입스크립트와 비슷하다 -> 불편한데? -> 타입스크립트를 쓰는 게 낫겠다 하는 사고의 흐름을 가지는 게 좋겠다!

• 개발자를 위한 에러
  • TDZ (Temporal Dead Zone, 일시적 사각지대)
  • 생성자 함수 방어 -> new.target

1. What is TypeScript?

JavaScript의 Super Set?

-> NO! 이제는 옛말에 가깝다 이제는 그 이상!

TypeScript는 타입 구문을 가지는 JavaScript

• JavaScript and MORE
  • JS에 추가 구문
  • IDE와 통합 => 오류 캐치
• 신뢰할 수 있는 결과
  • 어차피 JS로 변환
  • JS가 지원되는 모든 곳에서 실행 (브라우저, Node.js, Deno 등)
• 규모에 따른 안정성
  • JS를 이해하는 타입 추론 사용
  • 추가적인 코드 없이도 훌륭한 도구 제공

TS 적용 과정

• // @ts-check JS 파일에 추가하면 편집기에 오류가 표시됨
• JSDoc을 사용하여 유형 정보 제공
• TS의 구문을 추가해 타입 제공

(나의, 너의, 우리의) 데이터 설명서

=> Interface

• 코드 객체 & 함수 모양을 설명
  • 객체지향(OOP)이란?
    사물 혹은 사람을 데이터로 표현하면? 그 데이터가 코드라면? 이용하기 가장 좋은 것이지 않나
• 메타인지, 메타 데이터 => 데이터를 설명하는 데이터
• 편집기에서 문서 및 이슈를 볼 수 있다

!! TypeScript 공식 문서 이용, 익숙해질 때까지 Playground에서 연습하기
!! Plugin 추천 - TypeScript Challenge

코드로 보기

타입 추론

function helloWorld() {
  	return 'hello'
}

console.log(helloWorld())

위 코드를 써도 리턴 값의 타입이 string으로 타입 추론이 됨 -> 간단한 건 타입을 적지 않아도 된다