FrontEnd :-)

#5 Typescript Blockchain 5.0 Introduction 5.1 Targets mkdir typechain code typechain (vscode에서 폴더 열기 - 따로 설정해놔야 터미널에서 명령어 사용 가능) npm init -y npm install -D typescript src폴더 생성, 그 아래 index.ts 파일 생성 tsconfig.json 파일 생성 touch tsconfig.json (명령어 아니어도, 파일 이름 동일하게 만들어도 됨) include : 자바스크립트로 컴파일하고 싶은 모든 디렉터리 넣기. : 타입스크립트가 src의 모든 파일을 확인한다는 의미 //tsconfig.json { "include": [ "src" ] } // tsconfig.json "co..

4.2 Interfaces - readonly는 자바스크립트 코드에서 보이지 않아. 오브젝트의 모양을 알려주는 방법 1. 타입 설정 //string, number 로 정의하는 대신 특정 값만 갖도록 설정. type Team = "red" | "blue" | "yellow" type Health = 1 | 5 | 10 type Player = { nickname: string, team: Team, health: Health } const gwen : Player = { nickname: "Gwen", team: "yellow", health: 5 } 2. 인터페이스 (only 오브젝트 모양을 타입스크립트에게 설명해 주기 위해서만 사용) type Player = { nickname: string, team..

4.0 Classes //추상 클래스는 오직 다른 클래스가 상속받을 수 있는 클래스 //추상 클래스의 인스턴스를 만들 수 없음. new User 불가 //추상 메소드를 만들려면, 메소드를 클래스 안에서 구현해야 함. abstract class User { constructor( private firstName: string, protected lastName: string, public nickname: string ){} abstract getLastName(): void getFullName(){ return `${this.firstName} ${this.lastName}` } } class Player extends User { getLastName(){ console.log(this.lastNam..

#6 클래스 //접근 제한자(Access modifier) - public, private(#), protected /* public - 자식 클래스, 클래스 인스턴스 모두 접근 가능 private(#) - 해당 클래스 내부에서만 접근 가능 protected - 자식 클래스에서만 접근 가능 */ class Car { readonly name: string = "car"; color: string; constructor(color: string, name: string){ this.color = color; this.name = name; } start(){ console.log("start"); console.log(this.name); } } class Bmw extends Car { construct..

//배열 타입 function add(...nums: number[]){ return nums.reduce((result, num) => result + num, 0); } console.log(add(1,2,3)); //6 코딩앙마 타입스크립트 기초 #3 interface interface IsAdult { (age: number):boolean; } const a:IsAdult = (age) =>{ return age > 19; } console.log(a(33)); //true console.log(a(10)); //false //implements interface Car { color: string; wheels: number; start(): void; } class BMW implements..