전체 글

[Typescript] 타입스크립트란?

이제는 프로젝트를 진행하면서 항상 타입스크립트 문법으로 구현했지만 블로그를 한 번도 쓰지 않았다. 더 늦기전에 타입스크립트에서 하나 둘씩 정리해서 써 볼려고 한다. Typescript란? 타입스크립트는 마이크로소프트에서 개발한 오픈소스 프로그래밍 언어이다. 자바스크립트에 타입을 부여한 언어로 자바스크립트의 확장된 언어이다. 대규모 애플리케이션을 개발하는데 자바스크립트가 어렵고 불편하다는 불만에 대응하기 위해서 개발되었다. 자바스크립트는 동적 타입 언어(dynamic type language) 이기 때문에 런타임 속도는 빠르지만 타입 안정성이 보장되지 않는다. 여기서 타입 안정성이란 값의 종류가 잘못 전달될 경우 버그를 잡기 어렵다는 것을 의미한다. 타입스크립트는 정적 타입 언어(static type la..

[Redux] Redux?

Redux 시작하기 Redux는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너이다. 즉, 일관적으로 동작하고, 서로 다른 환경에서 작동하고, 테스트하기 쉬운 앱을 작성하도록 도와준다. 본격적으로 들어가기 전에 리덕스의 역사를 알아보자 MVC 아키텍처의 한계 애플리케이션을 작성해 본 개발자라면 한 번쯤은 사용 혹은 들어봤을 MVC 패턴에 대해 알아보자. MVC 패턴에서 Controller는 Model에 정의된 데이터를 조회하거나 업데이트 하는 역할을 하며, 변결된 Model의 데이터를 View에 반영한다. 사용자는 View를 통해 데이터를 입력하고 Model에 반영되며, View와 Model은 데이터를 양방향으로 주고받는 형태이다. 하지만 프로젝트 규모가 커질수록 수많은 View와 Modele들이 생겨..

6장 반복기와 생성기

이번 장에서는 타입스크립트 언어가 제공하는 반복기와 반복기 제공자, 그리고 생성기에 대해 알아보자. 6-1 반복기 이해하기 실습 프로젝트 설정 이번 장에서 소개하는 예제는 Node.js 설정과 tsconfig.json 파일에 별도의 설정이 필요하다. 먼저 다음 명령을 터미널에서 실행하자. npm init -y npm i -D typescript ts-node @types/node mkdir src 다음, tsc —init 명령으로 tsconfig.json 파일을 생성하고 다음 내용으로 대체하자. // tsconfig.json { "compilerOptions": { "module": "commonjs", "esModuleInterop": true, "target": "es2015", "moduleReso..

5장 배열과 튜플

함수형 프로그래밍에서 배열은 매우 중요한 기능을 한다. 이번에는 순수 함수를 다루면서 배열과 튜플에 대해 살펴보자. 5-1 배열 이해하기 자바스크립트에서 배열은 Array 클래스의 인스턴스이며 다음처럼 선언한다. let 배열 이름 = new Array(배열 길이) 배열에 담긴 각각의 값을 아이템(item) 혹은 원소(element)라고 한다. [ ]단축구문 자바스크립트는 [ ]라는 단축 구문을 제공한다.. let numbers = [1,2,3]; let strings = ["Hello", "World"]; console.log(numbers, strings) // [1,2,3] ["Hello","World"] 자바스크립트에서 배열은 객체다 자바스크립트에서 배열은 다른 언어와 다르게 객체이다. 배열은 Ar..

4장 함수와 메서드

자바스크립트에서 함수는 function 키워드와 화살표 ⇒ 기호로 만드는 두 가지 방법이 있다. 타입스크립트 함수는 이를 바탕으로 타입 기능을 추가한 것이다. 이번 장은 함수를 효과적으로 구현하는 방법과 클래스의 메서드를 구현하는 방법을 알아보자. 4-1 함수 선언문 자바스크립트에서 함수는 function 키워드로 만드는 함수와 ⇒ 기호로 만드는 화살표 함수 두 가지 방법이 있다. 다음은 function 키워드로 만드는 함수 구조이다. function 함수이름(매개변수1, 매개변수2[,...]){ body } 타입스크립트 함수 선언문은 자바스크립트 함수 선언문에서 매개변수와 함수 반환 값에 타입 주석을 붙이는 형태로 구성된다. function 함수이름(매개변수:타입1, 매개변수:타입2[,...]):반환값..

3장 객체와 타입

3-1 타입스크립 변수 선언문 타입스크립트 기본 제공 타입 자바스크립트는 다음 표에서 보는 타입을 기본으로 제공한다. 타입스크립트는 자바스크립트와 호환성을 위해 자바스크립트 타입은 물론 그에 대응하는 타입스크립트 타입 도한 제공한다. 유형 자바스크립트 타입 타입스크립트 타입 수 타입 Number number 불리언타입 Boolean boolean 문자열 타입 String string 객체 타입 Object object let과 const 키워드 ES5 자바스크립트는 variable의 앞 에 글자를 딴 var라는 키워드를 사용해 변수를 선언할 수 있었다. 아지만 다른 프로그래밍 언어와는 다르게 동작하기 때문에 ESNext 자바스크립트는 let과 const라는 키워드를 도입해 다른 프로그래밍 언어와 같은 방..