타입스크립트

개발 공부/TypeScript

TypeScript #4 [readonly, 추상화, 인터페이스]

readonly public 일 때 접근할 순 있지만 내용을 수정하진 못하게 한다. class Dict { private words: Words constructor(){ this.words = {} } add(word: Word){ if(this.words[word.term] === undefined){ this.words[word.term] = word.def; } } class Word{ constructor( public readonly term:string, public readonly def :string ) {} } const kimchi = new Word("kimchi", "한국의 음식"); kimchi.def = "..." //readonly이기 때문에 불가능하다. readonly인 경..

개발 공부/TypeScript

TypeScript #3 [class, 추상 클래스, 추상 메소드, protected]

TypeScript로 객체지향 프로그래밍하기 class class Player { constructor( private firstName: string, private lastName: string, public nickname: string ) {} } const nico = new Player("nico", "las", "니꼬") 타입스크립트에서 이렇게 constructor의 타입을 선언해주면 자바스크립트에서 this.firstName = firstName; 이 부분을 따로 안 해주어도 된다. 이 부분이 자동적으로 컴파일 되어서 편리하다! 하지만 이렇게 class 내에서 private, public 등의 설정은 타입스크립트 내의 기능이기 때문에 자바스크립트로 컴파일되지 않는다. 추상 클래스(Abstr..

개발 공부/TypeScript

TypeScirpt#2 [함수, call signatures, overloading, 다형성, 제네릭]

call signatures :함수 위에 마우스를 올렸을 때 보게 되는 것, 함수가 어떻게 호출되는지 알려준다. 인자의 타입과 함수의 반환 타입을 알려주는 것 call signature 선언하기 type Add = (a: number, b:number) => number; //call signature 선언 const add: Add = (a, b) => a+b 이렇게 콜 시그니처를 선언해두고 사용하면 함수를 선언할 때 인자나 리턴 값이 타입을 말해줄 필요가 없다. 오버 로딩(overloading) =function overloading = method overloading :서로 다른 여러 개의 call signatures를 가지고 있을 때 발생 type Add = { (a: number, b:numb..

개발 공부/TypeScript

TypeScript #1 [type]

Typescript로 블록체인 만들기 – 노마드 코더 Nomad Coders Typescript로 블록체인 만들기 – 노마드 코더 Nomad Coders Typescript for Beginners nomadcoders.co 노마더코더의 타입 스크립트 무료 강의와 챌린지를 진행하며 작성하는 글입니다! 타입 스크립트는 왜 존재하는가? :타입 안정성 때문에! 자바스크립트에선 개발자의 코드를 보호하지 않고 개발자의 코드를 최대한 이해하려 했다면! 타입 스크립트에선 최대한 오류를 막기 위해 보호하는 조치가 설정되어 있다. 타입 스크립트로 작성한 코드는 자바스크립트 코드로 컴파일되는데, 자바스크립트 코드로 컴파일되기 전에 코드를 확인한 후 타입 등에 이상이 없으면 그 후에 컴파일된다. 즉, 타입스크립트 코드에 에..

YJzero
'타입스크립트' 태그의 글 목록