Mason

타입스크립트와 객체 지향 프로그래밍을 이용하여 햄버거 매장에서의 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..

객체 지향 프로그래밍이란 이름 그대로 객체를 만드는데 최적화된 프로그래밍이다. 수십 수백개의 객체를 관리하는데 유용하다. 캡슐화 캡슐화란 데이터 혹은 함수를 캡슐안에 넣는것을 의미한다. 쉽게말해 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란 객체를 수동적으로 ..

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..

타입스크립트란 마이크로소프트에서 만든 자바스크립트 기반의 typed programming language로 함수, 객체, 변수등 각각의 자료구조에 타입을 지정함으로써 자바스크립트의 런타임 오류를 미리 방지해 줄수있다. 기본타입 let a: number = 13 let b: string = "13" let c: boolean[]= [true] 위와같이 number, string, boolean으로 자료의 기본타입을 정해줄수 있으며 array의 경우 기본타입을 정해주고 대괄호 "[]"를 입력해주면 된다. 객체 const person:{name:string, age?:number} = { name:"Mason" } person.age = 14 객체의 경우 위와같이 중괄호와 함께 사용이가능하며 물음표 "?"를 ..