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