본문 바로가기

JS/TypeScript

타입스크립트 튜토리얼 class 타입스크립트는 객체 지향 자바스크립트다. 타입스크립트는 클래스, 인터페이스와 같은 객체 지향 프로그래밍 특성을 지원한다. 객체 지향 프로그래밍에서 클래스는 객체를 생성하기 위한 청사진이다. 클래스는 객체를 위해 데이터를 캡슐화한다. 타입스크립트는 클래스라는 개념을 지원한다. ES5 이전에는 클래스를 지원하지 않았다. 타입스크립트는 이런 특징을 ES6로부터 얻었다. 클래스 생성class 키워드를 써서 클래스를 선언한다. 문법class class_name { //class scope } 클래스 키워드는 클래스 이름 앞에 온다. 클래스 정의는 다음을 포함할 수 있다.fields : 필드는 클래스 안에서 선언되는 모든 변수다. 필드는 객체에 관련된 데이터를 나타낸다.constructors : 클래스의 객체를 위..
타입스크립트 튜토리얼 인터페이스 interface 인터페이스는 엔티티가 따라야만하는 문법적인 약속이다. 인터페이스는 모든 엔티티가 준수해야하는 문법을 정의한다. 인터페이스는 인터페이스의 구성물인 속성, 메서드, 이벤트를 정의한다. 인터페이스는 오직 구성물의 선언을 포함한다. 구성물을 정의하는 것은 파생 클래스의 책임이다. 파생 클래스가 따르는 표준 구조를 제공하는 데 종종 도움이 된다. 객체를 살펴보면var person = { FirstName:"Tom", LastName:"Hanks", sayHi: ()=>{ return "Hi"} };객체의 시그니처를 보면{ FirstName:string, LastName:string, sayHi()=>string }객체들 간에 시그니처를 재사용하기 위해 인터페이스로 정의할 수 있다. 인터페이스 선언interface..
타입스크립트 union 타입스크립트 1.4는 프로그램에 하나 또는 두개의 타입을 합칠 수 있는 능력을 줬다. union 타입은 여러 타입이 하나가 될 수 있는 값을 표현할 수 있는 강력한 방식이다. 두개 이상의 자료형이 union 타입을 의미하는 파이프 기호 ( | ) 를 써서 합쳐질 수 있다. 다른 말로, union 타입은 수직 바에 의해 나뉘어진 일련의 타입으로 쓰여진다. 문법Type1|Type2|Type3 var val:string|number val = 12 console.log("numeric value of val "+val) val = "This is a string" console.log("string value of val "+val)위 예에서 변수의 타입은 union이다. 변수가 숫자, 문자열을 변수의 값으로..
타입스크립트 튜토리얼 tuple 때로는 다양한 타입의 값의 모음을 저장할 필요가 있다. 배열은 이런 목적을 수행하지 않는다. 타입스크립트는 이러한 목적을 달성하는 데 도움이 되는 튜플이라는 자료형을 제공한다. 자료형이 다른 값의 모음을 나타낸다. 튜플은 함수에 인자로써 전달될 수 있다. 문법var tuple_name = [value1,value2,value3,…value n] var mytuple = [10,"Hello"]; 비어있는 튜플을 선언하고 나중에 초기화할 수 있다.var mytuple = []; mytuple[0] = 120 mytuple[1] = 234 튜플에서 값 접근튜플 값들은 각각 아이템이라고 불린다. 튜플은 인덱스 기반이다. 튜플에 있는 값이 그들과 대응되는 숫자 인덱스를 써서 접근이 가능함을 의미한다. 튜플 아이템..
타입스크립트 튜토리얼 array 값을 저장하기 위한 변수의 사용은 다음과 같은 한계가 있다. 변수 선언은 한번에 하나만 포함할 수 있다. n개의 값을 저장하려면 n개의 변수가 필요하다는 의미이다. 저장하려는 값이 많아질 수록 변수를 사용하면 안된다. 프로그램 상의 변수는 메모리에 무작위로 위치한다. 그로 인해 선언된 순서로 값을 검색/읽기가 어려워진다. 배열은 같은 자료형에 대한 자료들의 집합이다. 배열의 특징 배열 선언은 연속적인 메모리 블록에 위치한다.배열은 정적이다. 한번 초기화된 배열은 크기가 조정될 수 없다는 의미이다.각 메모리 블럭은 배열 요소를 나타낸다.배열 요소는 인덱스라고 불리는 유일한 정수로 구별된다.변수와 마찬가지로 배열도 사용되기 전에 선언되어야 한다. 배열을 선언하기 위해 var 키워드를 쓴다.배열 초기화는 배열..
타입스크립트 튜토리얼 split 이 메서드는 문자열을 부문자열로 분리함으로써 문자열 객체를 문자열의 배열로 나눈다. 인자seperator : 문자열을 분리하기 위해 사용할 문자 지정. 이게 누락되면, 전체 문자열로 구성된 하나의 요소를 포함하는 배열을 반환한다.limit : 문자열을 분할할 갯수를 지정하는 정수 반환 값split 메서드는 새 배열을 반환한다. 또한, 문자열이 비었을 때, split은 빈 배열이 아닌 하나의 비어있는 문자열을 포함하는 배열을 반환한다.var str = "Apples are round, and apples are juicy."; var splitted = str.split(" ", 3); console.log(splitted)" "(공백)을 기준으로 문자열을 나누되, 3개까지 나눈다.[ 'Apples', '..
타입스크립트 substr() substring() substr()은 인자로 시작 인덱스와 길이를 가진다. 인덱스는 시작지점이고 길이는 그 인덱스로부터 얼마만큼 잘라낼 것인지 결정한다.var str = "Apples are round, and apples are juicy."; console.log("(1,2): " + str.substr(1,2)); console.log("(-2,2): " + str.substr(-2,2)); console.log("(1): " + str.substr(1)); console.log("(-20, 2): " + str.substr(-20,2)); console.log("(20, 2): " + str.substr(20,2));(1,2): pp (-2,2): y. (1): pples are round, and apples ar..
타입스크립트 튜토리얼 String 문자열 객체는 문자들의 나열로 작업할 수 있다. 문자열 기본 데이터 형식을 여러 가지 도우미 메서드로 래핑한다.문법var var_name = new String(string); String 객체에서 사용할 수 있는 메서드 목록S.No.Property & Description1.ConstructorReturns a reference to the String function that created the object.2.LengthReturns the length of the string.3.PrototypeThe prototype property allows you to add properties and methods to an object.문자열 메서드S.No.Method & Description1.ch..

티스토리툴바