https://github.com/dladncks1217/typescript-study

TypeScript 개인공부입니다.
https://github.com/dladncks1217/typescript-study

typescript

Last synced: 16 days ago
JSON representation

TypeScript 개인공부입니다.

• Host: GitHub
• URL: https://github.com/dladncks1217/typescript-study
• Owner: dladncks1217
• Created: 2019-10-03T12:21:43.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-11-10T04:26:25.000Z (about 2 years ago)
• Last Synced: 2023-03-11T17:51:57.754Z (almost 2 years ago)
• Topics: typescript
• Language: TypeScript
• Homepage:
• Size: 6.22 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

        
#TypeScript 연습

>TypeScript 공부내용입니다.

## 1. 타입스크립트의 특성

- 타입스크립트는 '프로그래밍 언어이다.'

- 타입스크립트는 'Compiled Language' 이다.

  - 전통적인 'Compiled Language'와 다른 내용이 많다. (그냥 그 느낌만 착용한것.)

  - 그래서 'Transpile' 라는 말을 사용한다.

-  JavaScript는 'Interpreted Language'다.

## 2. 컴파일 언어와 인터프리터 언어

- #### 컴파일 언어

  -  컴파일이 필요함.

  -  컴파일러 필요.

  -  컴파일하는 시점 있음.

     -  컴파일 타임

  -  컴파일된 결과물을 실행.

  -  컴파일된 결과물을 실행하는 시점.

-  #### 인터프리터 언어

  -  컴파일 필요없음.

  -  컴파일러 필요 x

  -  컴파일 시점 x

  -  코드 자체를 실행

  -  코드를 실행하는 시점 O

     -  = 런타임 

-  #### 그렇다면 타입스크립트는?

  -  컴파일 하는 시점에 어떤 일들이 일어나는데, 그 중에서 제일 중요하게 여기는 것이 "타입" 인 것이다.

  그래서 이름도 TypeScript인 것이다.

## 3. 정적 타입 언어 vs 동적 타입 언어

  - 정적 타입 언어는 우리가 알고 있듯이, 미리 타입을 지정해두고 시작하는 언어.

  - 동적 타입 언어는 타입이 없다. js에서 예전에 var 썼고 지금도 let 쓰고 const 쓰고 하더라도 타입 자체가 변하는 식의 프로그래밍을 권장하는 모듈도 있었다.     

  - 그런데 이런 부분에서 문제가 생겼던게 JavaScript로 프로그래밍 하다보면 분명 어느 부분에서 오류가 나는데, 이 덩어리가 커지면 굉장히 잡아내기 어렵고,

  하나 잡으면 여러가지 동시 다발적으로 문제가 생기고 이런 일들이 많았다.

  - 그래서 정적 타입 언어의 장점만 가져와 보자 해서 만들어진 것이 TypeScript다. (물론 정적 타입 언어를 써야 하는 것이 가장 좋다는 말은 아니다.)

## 4. 전통적인 컴파일 언어와 TypeScript

  - C, C++, Go, C#, Java 등..

  - 프로그래머가 작성한 소스코드를 기계어로 변환하는 과정을 컴파일이라고 함.

  - 기계어로 변환된 코드를 Object Code라고 한다.

  - 컴파일 하는 프로그램을 컴파일러라고 함.

  - 컴파일된 코드는 프로세서에 따라 다르다.

  - 소스코드에서는 OS에 따라 라이브러리가 다르다.

  - 컴파일된 코드는 작은 크기에 최적화된다.

  - 일반적으로 실행 시 기계어로 바꾸는 방식이 인터프리터 언어보다 빠르다.

     - (실행 시 기계어로 바꿔주는 연산이 필요 없기 때문.)

  - 타입 스크립트라는 문법으로 작성한 소스 코드를 컴파일 해주는 컴파일러가 'TypeScript Compiler' 라고 하는 것이고, 결과물이 JavaScript인 것이다.

  - C나 C++에서 컴파일된 코드가 굉장히 작고 최적화 되어있고, 이런 것에 대한 장점이 있는데, 사실 TypeScript를 컴파일 하면 Helper함수 라는 것들이 구현되어 아래 위로 들어가기 때문에, JavaScript보다 코드 양이 더 많아진다.

  - 이것을 TypeScript의 단점으로 지적하는 사람들이 제일 많다.

  - 그러나 그 부분도 극복하기 위해 많이 노력중이라고 함.

  - TypeScript에는 Linking 과정이 없음.

## 5. TypeScript 컴파일러

  - 타입스크립트 컴파일러가 npm 모듈로 제공되므로 node.js가 설치되어야 함.

  >VS Code

   ####컴파일러

   -  VS Code 에 컴파일러가 내장되어있음.

   -  내장된 컴파일러 버전은 VS Code가 업데이트 되면서 올라간다.

      -  그래서 컴파일러 버전과 VS Code의 버전은 상관관계가 있음.

   -  내장된 컴파일러를 선택할 수 있고, 직접 설치한 컴파일러 선택 가능.

  ####tslint

   -  npm i typescript tslint(로컬)

   -  tslint --init

## 6. TypeScript의 Basic Types

  - TypeScript도 기본 자료형이 있다.(JS가 기본 자료형이 있듯이.)

  - TypeScript에서 기본 자료형이 중요한 이유가 있다.

     - 결국 우리는 타입을 새로 만들어야 하는 것이다. (Primitive 타입 쓰려고 타입스크립트 쓰는게 아니기 때문이다.)

     - 어떤 특정한 골격을 갖출 때 결국 이 타입들이 다 깨지면 결국 남는 것은 Basic 타입들이 남는 것이다.

     - 정확하게 어떤 타입들이 있는지 확인하고, 그런 것들을 조합해서 내가 사용할 인터페이스를 만들어 내는 것이 원래 TypeScript가 타입을 만드는 과정이다.

     - 그렇기 때문에 JavaScript의 기본 자료형을 모두 포함한다.

     


     >> ES표준에 따른 기본 자료형들

     - Boolean

     - Number

     - String

     - Null

     - Undefined

     - Symbol(ES6에서 추가.)

     >>프로그래밍을 도울 몇 가지 타입 추가된다.

     - Any

     - Void

     - Never  (Any, Void, Never 이 세 가지는 주로 특수한 케이스에서 많이 사용하는데, 주로 함수 리턴에 많이 사용.)

     - Enum

     - Tuple: object형  (Array의 변칙 형태이다.)

## 7. Primitive Type

  - 실제로 원시값 이야기 하는 것이다.

  - 오브젝트와 레퍼런스 형태가 아닌 실제 값을 저장하는 자료형이다.

  - 프리미티브 형의 내장 함수를 사용 가능한 것은 자바스크립트의 처리 방식 덕분이다.