분류 전체보기474 인터페이스에서 인터페이스 상속 인터페이스에서 인터페이스를 상속 받는 방법 ts interface IPerson2 { name: string; age?: number; } // IPerson2를 상속받음 interface IKorean extends IPerson2 { city: string; } // 상속받은 인터페이스의 변수값을 입력 const k: IKorean = { name: "홍길동", city: "서울" }; console.log(`${k.name}, ${k.city}, ${k.toString}`); 2021. 6. 19. 인터페이스를 이용해 class 생성 인터페이스를 상속받는 class 생성 예제 interface IPerson1 { name: string; age?: number; hello(): void; } class Person implements IPerson1 { name: string; age?: number | undefined; // name을 초기화 constructor(name: string){ this.name = name; } hello(): void { console.log(`안녕하세요! ${this.name} 입니다.`); } } const person = new Person('Mark'); person.hello(); const person11: IPerson1 = new Person("Mark2"); person11.hell.. 2021. 6. 18. 인터페이스 내부에서 함수 사용 인터페이스 내부에서 함수 사용 예제 interface Person4 { name: string; age: number; hello(): void; } const p41: Person4 = { name: 'Mark', age: 22, hello: function(): void{ console.log(`안녕하세요! ${this.name} 입니다.`); }, }; const p42: Person4 = { name: 'Mark', age: 22, hello(): void{ console.log(`안녕하세요! ${this.name} 입니다.`); }, }; // const p43: Person4 = { // name: 'Mark', // age: 22, // // 화살표 함수는 this를 사용할 수 없다. // .. 2021. 6. 18. 인터페이스 TypeScript에서 인터페이스를 선언하고 사용할 수 있다. TypeScript 파일에서 인터페이스 선언 예제 interface Pesron1 { name: string; age: number; } // 일반적인 형식 function hello1(person: {name: string; age: number}): void{ console.log(`안녕하세요! ${person.name} 입니다.`); } // 인터페이스를 이용하여 매개변수입력을 진행하도록 설정 function hello2(person: Pesron1): void{ console.log(`안녕하세요! ${person.name} 입니다.`); } const p1: { name: string; age: number} = { name: 'Mar.. 2021. 6. 17. vscode - node js를 이용한 typescript 파일 생성 typescirpt 프로젝트를 시작할 폴더 생성 해당 폴더에 명령어: npm init -y 이용해서 node.js 환경 설정 해당 폴더에 명령어: npm i typescript -D 이용해서 typescript 환경 설정 그 후 명령어: npx tsc 를 이용해서 typsescript 파일을 javascript파일로 컴파일 가능하고 실행 명령어: node 컴파일된파일명.js 입력해서 확인 2021. 6. 17. 컴파일 폴더 지정 tsconfig.json 파일 내부에 outDir: 컴파일 된 js파일이 들어갈 폴더 지정 rootDir: ts파일이 들어갈 폴더 지정 ./src 위치에 .ts파일을 넣고 컴파일 (npx tsc)을 실행 하면 ./dist 위치에 .js파일이 생성 된다. 2021. 6. 16. 이전 1 ··· 36 37 38 39 40 41 42 ··· 79 다음
