JavaScript(44)
-
Javascript - Symbol
목차 1. Symbol형 데이터 2. 숨김 프로퍼티(속성) 3. 전역 심볼 1. Symbol형 데이터 심볼형 데이터란, 유일한 식별자를 만들고 싶을 경우에 사용한다. 심볼형을 만들기 위해서는 아래와 같은 내장 함수를 호출해야한다. Symbol( ); Symbol의 리턴값은 심볼형 데이터를 만들어 낸다. 인자값으로 설명(description)을 넣어줄 수 있고, 내장 프로퍼티 description을 이용하여 값만 뽑을 수도 있다. let user = Symbol("Char1ey") console.log(user.description) // "Char1ey" 심볼형 데이터는 고유한 값이기 때문에 같은 인자값을 넣어주어도 서로 다른 값으로 표현된다. let user = Symbol("Char1ey") let ..
2023.06.02 -
전략패턴 실습코드(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