typescript 3

OOP를 이용하여 kiosk 시스템 만들기

타입스크립트와 객체 지향 프로그래밍을 이용하여 햄버거 매장에서의 kiosk 시스템을 만들어 보았다. 관리자 사이드와 소비자 사이드를 나누어 작성해주었으며 관리자가 제품을 등록하면 소비자가 등록된 제품중에서 골라 주문을 넣을수 있도록 코드를 짯다. 관리자 사이드 interface Menu { ref: number; // 등록된 제품들의 고유 id name: string; price: number; } class Register { private menu: Menu[] = []; static ref: number = 1; // 1부터 시작하여 제품마다 ref넘버를 순차적으로 부여 public addMenu(key: string, value: number) { const newMenu: Menu = { ref..

Typescript 2022.12.21

Object-oriented programming (객체 지향 프로그래밍)

객체 지향 프로그래밍이란 이름 그대로 객체를 만드는데 최적화된 프로그래밍이다. 수십 수백개의 객체를 관리하는데 유용하다. 캡슐화 캡슐화란 데이터 혹은 함수를 캡슐안에 넣는것을 의미한다. 쉽게말해 class 안에 함수나 데이터들을 넣는 것이다. const player = { name: "Mason", power: 10, speed: 5, }; const calculateDPS = (power: number, speed: number) => { return power * speed; }; const masonDPS = calculateDPS(player.power, player.speed); console.log(masonDps); 게임에서 캐릭터 하나를 만든다고 가정했을때 player란 객체를 수동적으로 ..

Typescript 2022.12.21

타입스크립트 심화

Call signature 콜시그니처란 어떠한 함수의 타입을 정의하는 것이다. const functionA = (arg1:number,arg2:number):void => { console.log(arg1,arg2) } 콜시그니처를 사용하지 않을경우 함수의 타입을 정할때 위와 같이 함수마다 정의해주어야된다. 만약 콜시그니처를 사용한다면 type callSignature = { (arg1: number, arg2: number): void; }; const functionA: callSignature = (ar1, ar2) => { console.log(ar1, ar2); }; 위의 코드처럼 객체의 타입을 정의하듯이 함수의 타입을 정의해준후 필요한 함수에 사용하기만 하면 된다. Overloading typ..

Typescript 2022.12.20