보호되어 있는 글입니다.

프로토타입에대한 기본 이해 let user = { name: 'jenna', age: 108 }; let admin = {}; // 만약 어드민에 name, age, address 세가지 key를 넣고싶다면 프로토타입을 사용하여 user의 데이터를 admin에 상속해준다. admin.__proto__ = user; // admin.name은 jenna, age는 108이된다. admin.address = 'hello world' // address는 user에 없으니 추가해준다. 타입스크립트의 클래스 문법 class Person { // 타스에선 상단에 클래스에서 사용할 속성에대한 타입 정의 필요함 public name: string; public age: number; // 변수의 접근범위 설정(pub..

Generics는 타입스크립트에서 함수, 클래스, 인터페이스, type alias를 사용할때 여러 종류의 타입에 대하여 호환을 맞춰야할때 사용한다. function merge(a: any, b:any) { return { ...a, ...b }; } 위와같이 파라미터 값들의 타입이 정확히 정해져있지않을때 generics를 쓴다. Generics문법을 사용하니 merged의 객체가 채워졌다. aaa를 넣었을땐 wrapped안의 param값이 string인것을 알 수있고, 숫자를 넣으니 param값은 number로 바껴있다. 이처럼 Generics를 사용하면 param의 타입을 any로 지정해주었을때처럼 wrap안에 어떤 값이든 넣어줄 수 있지만, any를 사용할땐 숫자를 넣어주었음에도 param의 타입은 ..

Interface는 클래스 또는 객체를 위한 타입을 지정할때 사용된다. 클래스 선언할때 특정 인터페이스 implement하기 Shape이란 interface를 만들어 넓이 구하기 // shape이란 interface에는 getArea라는 함수가 있어야하고, 그 함수의 결과물은 number이다. interface Shape { getArea(): number; } // circle이란 클래스가 Shape인터페이스를 구현하도록 처리 class Circle implements Shape { radius: number; constructor(radius: number) { // constructor가 없으면 rardius에 빨간줄 뜸 this.radius = radius; } getArea() { return ..

type-script 컴파일러 설치하기 npm install typescript -g hello.ts 파일 생성 후 터미널에 tsc hello.ts 코드로 명령하면, 타입스크립트를 컴파일해서 자바스크립트 파일을 만들어준다. 타입스크립트 환경 설정 폴더 생성하기 mkdir [폴더명] package.json 파일 생성하기 yarn init -y 타입스크립트, ts-node 패키지 추가설치 ts-node는 콘솔에서 바로 실행할 수 있도록 해준다. yarn add typescript ts-node 프로젝트의 타입스크립트 설정 완료 -> tsconfig파일 생성됨 yarn run tsc --init es6를 혹시 사용하고싶다면 target을 es6로 수정해준다. 초기엔 주석처리되어있는 "outDir"은 컴파일된 ..