전체 글

Typescript 문법 찍먹하듯 훑어보기

이전 포스팅에서 언급한 바와 같이 타입스크립트는 ESNext 문법을 지원하기 때문에, 타입스크립트를 능숙하게 다루기 위해선, ESNext 문법을 알아야 한다. 우선 ES5와는 다른 ESNext의 주요 문법을 살펴보자. ESNext의 주요문법 비구조화 할당 (Destructuring assignment) 비구조화 할당은 객체와 배열에 적용할 수 있다. 아래 코드를 살펴보도록 하자. let user = {name:'soopiri', age: 99} let {name, age} = user console.log(name, age) // result: soopiri, 99 let arr = [1, 2, 3, 4] let [first, ...rest] = arr console.log(first, rest) // ..

TypeScript란?

자바스크립트의 종류 자바스크립트의 종류? 자바스크립트에도 종류가 있었나? 현재 자바 스크립트는 크게 세 가지 종류가 있다. 그 중 타입 스크립트는 아래 그림에서도 볼 수 있듯이 Javascript의 상위 확장 개념이다. 아래 그림을 조금을 부연 설명하자면, 웹 브라우저에서 동작하는 표준 자바스크립트인 ES5(ECMAScript 5)와 2015년 많은 변화를 가져온 ES6를 포함해 매년 새로운 버전을 발표하는 ESNext, 그리고 ESNext에 Type 기능을 추가한 타입 스크립트가 생기게 된 것이다. 자바스크립트의 공식 표준은 ECMAScript(줄여서 ES)이다. 2009년 발표된 ES5 버전 이후 2015년 발표된 ES6에서 큰 변화가 있었다. (let & const, arrow function, d..

디자인 패턴을 이용하는 방법 (1)

디자인 패턴은 객체지향 설계를 할 때 겪게 되는 문제들을 다양한 방법으로 해결해 줄 수 있는 좋은 수단이다. 이 포스팅에서는 문제를 해결하기 위해 디자인 패턴을 어떻게 이용하는지에 대해서 알아보고자 한다. 적당한 객체 찾기 객체지향 프로그램(OOP)은 당연하겠지만 객체로 만들어진다. 객체는 데이터와 이 데이터를 처리하는 Procedure를 함께 묶은 단위이다. Procedure는 흔히 우리가 메서드(Method) 또는 오퍼레이션(Operation)이라고 부르는 것들이다. 객체는 요청(Request) 받으면 오퍼레이션을 수행한다. 요청은 객체가 오퍼레이션을 실행하게 하는 유일한 방법이고, 오퍼레이션은 객체 내부의 데이터의 상태를 변경할 수 있는 유일한 방법이다. 이러한 접근의 제약 사항으로 객체의 내부 ..

디자인패턴의 조직화, 관계도

** 이 블로그에서 작성하는 디자인 패턴의 포스팅은 GoF의 디자인패턴 서적을 참고하여 기술하고 있습니다. 갈수록 많은 디자인 패턴이 발견됨에 따라 상황에 맞는 디자인 패턴을 찾아내거나, 그룹화 하여 같은 그룹에 속하는 패턴끼리 비교가 용이하도록 분류해야 할 필요성이 생기게 되었다. 따라서 디자인 패턴을 조직화 함으로써, 패턴을 조직화하여 패턴을 더 빨리 배울 수 있고 새로운 패턴을 발견하고자 노력할 수 있게 된다. 패턴의 분리 기준은 목적과 범위다. 우선 목적의 기준에서 패턴은 생성, 구조, 행위 중의 한 가지 목적을 갖는다. 생성 패턴은 객체의 생성 과정에 관여하는 것이고 구조 패턴은 클래스나 객체의 합성에 관한 패턴들이다. 행위 패턴은 클래스나 객체들이 상호작용하는 방법과 책임을 분산하는 방법을 정..

디자인 패턴의 종류

** 이 블로그에서 작성하는 디자인 패턴의 포스팅은 GoF의 디자인패턴 서적을 참고하여 기술하고 있습니다. GoF 디자인패턴 GoF는 'Gang of Four'의 약자로 에리히 감마(Erich Gamma), 리처드 헬름(Richard Helm), 랄프 존슨(Ralph Johnson, 존 블리시디스(John VLissides) GoF 디자인패턴의 공동 저자 4인을 지칭하는 단어이다. 23가지의 디자인 패턴을 정의하고, 각 패턴을 생성(Creational), 구조(Structural), 행위(Behavioral) 3가지로 조직화 했다. ** 아래의 패턴은 추후 각 패턴에 대한 블로깅이 작성되면, 링크를 걸어둘 예정입니다. Abstract Factory Pattern (추상 팩토리 패턴) 구체적인 클래스를 지..