TypeScript 소개 및 효과 - 프리온보딩 프론트엔드 챌린지 2월 (Day 1)

원티드에서 진행하는 프리온보딩 프론트엔드 챌린지 2월에 참여하게 됐다.

일정
- 총 2주(2/6~2/19) 동안 매주 월•목에 3시간씩 기술 역량 향상 강의 진행
- 4주(2/20~3/19) 동안 이력서 지원

시상 안내
- 300만원의 상금을 수료한 참여자들에게 1/N로 분배

수료 조건
- 챌린지 진행 기간 동안 원티드를 통해 20건 이상 지원한 경우
- 20건 이하로 지원하였으나, 원티드를 통해 합격한 경우

 

TypeScript 소개

과거의 TypeScript

TypeScript is a superset of JavaScript.

현대의 TypeScript

TypeScript is JavaScript with syntax for types.

=> 타입 구문이 있는 자스가 타스이며, 타스가 컴파일 되면 타입은 제거되어 자스로 변환되고, 제거된 타입들은 .D.TS에 존재

.TS = .JS + .D.TS

.TS

function func(wan: string, ted: string){
    return wan + ted;
}

.JS

function func(wan, ted) {
    return wan + ted;
}

.D.TS

declare function func(wan: string, ted: string): string;

 

TypeScript 효과

1. JavaScript and More

TypeScript adds additional syntax to JavaScript to support a tighter integration with your editor. Catch errors early in your editor.

 

2. A Result You Can Trust

TypeScript code converts to JavaScript, which runs anywhere JavaScript runs: In a browser, on Node.js or Deno and in your apps.

 

3. Safety at Scale

TypeScript understands JavaScript and uses type inference to give you great tooling without additional code.

---

TS 공부법

- 타입 선언 후, 구현하는 연습을 하자.
- 선언 후 .D.TS 보면 타스의 타입 추론을 볼 수 있다.