Javascript , Typescript, NodeJs 입맛정리.

Javascript

 

ES2015 모던 Javascript라 한다.

 

웹 앱의 구성요소

- HTML

- CSS

- JavaScript

 

웹서버에서 주도적으로 UI를 만드는 것은 ServerSide 렌더링

클라이언트에서 주도적으로 UI를 만드는 것은 ClientSide 렌더링

 

파설, 웹팩 번들러 하나의 자바스크립트파일로 만들어주는 기능.

 

번들러를 사용할수록 파일 사이즈가 작아지고 클라우드 같은 불피요한 비용들을 줄일 수 있다.

 

트랜스 파일링.

- 기계어로 바꾸는 작업.

- 인간이 이해할 수 있는 프로그래밍 언어를 기계가 이해하는 프로그래밍 언어로 변경.

 

Babel

- 트랜스 파일러의 한 종류.

- 최신 버전의 문법을 하위버전의 문법으로 바꾸어준다.

 

 

JavaScript VS TypeScript

 

TypeScript가 필요한 이유?

- javascript의 슈퍼셋이다.

- javascript의 모든기능 + 추가기능 제공

 

 

TypeScript

type Centimeter = number;
type RainbowColor = 'red' | 'orange' | 'yellow' | 'green';


let age = 10;
let weigth:number = 80;
let height:Centimeter = 176;
let color: RainbowColor = 'orange';

color = 'black'; // Error 정의에 없는 color이기 때문에..

라이언달이 만들었다 nodeJs