JavaScript/Typescript(6)
-
전략패턴 실습코드(230420)
1. 전략패턴(Strategy Pattern) 전략 패턴(Strategy Pattern)은 알고리즘을 클래스로 캡슐화하고, 런타임 시에 유연하게 변경할 수 있도록 한다. 전략 패턴(Strategy Pattern)은 알고리즘이 동적으로 변경되거나, 다양한 방법으로 동작해야 하는 경우에 사용된다. 전략패턴의 구성 요소 Context 전략 객체를 사용하는 주체이다. 전략 객체를 사용할 때는 Context 객체에서 인터페이스를 호출한다. Strategy Context 객체에서 사용되는 알고리즘을 캡슐화하는 인터페이스이다. 전략 패턴의 핵심이다. Concrete Strategy Strategy 인터페이스를 구현하는 클래스이다. 다양한 알고리즘을 구현하는데 사용된다. 전략패턴의 장점 1. 알고리즘을 캡슐화하여 코드..
2023.04.23 -
타입스크립트 문법(2)
목차 1. Array 1.1 배열안의 타입이 모두 같을 경우 1.2 배열안의 타입이 각각 다를 경우(tuple) 2.인터페이스(Interface) 2.1 선택적 프로퍼티(Optional Properties) 2.2 읽기 전용 프로퍼티(readonly Properties) 2.3 인터페이스(Interface) 상속 3, Class 3.1 상속 3.2 다형성 3.3 캡슐화 3.4 추상화 3.5 접근 제한자 3.6 클래스와 인터페이스 1. Array 배열 또한 크게 보면 Object 타입이다. 하지만, 배열의 타입을 지정할 때에는, 배열안에 들어있는 요소들의 타입들도 모두 지정해주어야 한다. 타입을 지정하는 방법은 크게 두 가지로 나타낼 수 있다. 1.1 배열안의 타입이 모두 같을 경우 타입이 모두 같을 경우..
2023.04.20 -
타입스크립트 문법(1)
목차 1. 변수선언 2. 기본타입 2.1 Number 2.2 String 2.3 Boolean 2.4 Null 2.5 Undefined 2.6 Any 2.7 Unknown 2.8 Never 2.9 Function 2.10 Object 2.11 자주 혼동하는 타입들 1. 변수선언 타입스크립트는 자바스크립트와는 다르게 변수 옆에 변수의 타입을 지정해줘야한다. Javascript 변수선언 let num = 10 const str = "hello javascript" Typescript 변수선언 let num: number = 10 const str: string = "hello typescript" 보통 숫자나 문자 타입은 타입 추론이 되기 떄문에 적지 않아도 무방하다. 변수의 타입에 따라서 해당 타입에 있는..
2023.04.19 -
타입스크립트 실습코드(OOP) (230419)
목표 '상품명'과 '가격'이 있는 임의의 제품에 대해서 '할인'을 적용 시킨다. 기존에 배운 방식으로 상품의 할인을 적용한다면 구현은 가능하다. 하지만 유지보수가 힘들어 매번 코드를 전체적으로 수정해야한다. 따라서 기존의 코드를 수정하지 않고, 조건문을 최대한 사용하지 않는 선에서 코드를 작성해 나가야한다. 이렇게 작성하면 유지보수 측면에서 상당히 유리하게 작업을 할 수 있다. 구현순서 및 규칙 상품(제품)의 구조(상품명, 가격)를 정의하는 클래스를 구현한다. 상품에 대해서 할인을 적용한다.( 단, 기존의 코드를 수정을 최소한으로 한다. ) 이후 다른 방식으로 할인을 추가할 때 기존의 코드를 수정하지 않도록 한다. 실습코드 구현 우선, 상품 객체의 구조를 작성한다. 상품은 상품명과 가격을 인자로 받아생성..
2023.04.19 -
타입스크립트 기본설정하기
목차 1. tsc 명령어와 옵션 2. tsconfig.json 2.1 compileOptions 3. ts-node 1. tsc 명령어와 옵션 지난번에 설치했던 Typescript 컴파일러를 설치해보도록 하자. $ npm init $ npm install -D typescript 타입스크립트 컴파일러를 설치하게되면 tsc 라는 명령어를 사용할 수 있게된다. $ tsc tsc 명령어를 사용하게되면 아래와 같이 명령어의 종류와 옵션 사항, 옵션 값들을 볼 수 있다. Version 5.0.4 tsc: The TypeScript Compiler - Version 5.0.4 TS COMMON COMMANDS tsc Compiles the current project (tsconfig.json in the work..
2023.04.18 -
타입스크립트(Typescript)란?
목차 1. 타입스크립트(Typescript) 2. 타입스크립트의 장, 단점 3. 타입스크립트의 런타임 4. 타입스크립트 컴파일러 1. 타입스크립트(Typescript) 타입스크립트는 MS에서 개발한 오픈소스 프로그래밍 언어이며, 자바스크립트의 상위 집합 언어이다. 자바스크립트는 런타임 시점에 변수의 타입이 결정되는 동적 타입 언어이다. 이는 런타임시 에러가 발생할 수 있는데 코드를 작성할 때에는 이를 알 수가 없다. 반면에 타입스크립트는 변수의 타입을 미리 명시하고, 컴파일 시간에 타입 검사를 수행한다. 타입스크립트는 이런 정적 타입 언어의 특성을 가져 파일을 실행하기 전에 어디서 에러가 발생할지 미리 알 수 있다. 2. 타입스크립트(Typescript)의 장,단점 장점 동적언어인 자바스크립트를 런타임 ..
2023.04.18