'Front-End/Typescript' 카테고리의 글 목록 (3 Page)

[Typescript] 타입스크립트의 함수 - Typescript function

Front-End/Typescript 2017. 2. 15. 14:39

타입스크립트의 함수 - Typescript function

1. 기본 함수

- 타입스크립트의 기본 함수 형태

//named function hello(){ return "helloWorld"; } //anonymous let bye = function(){ return "bye"; } console.log(hello()); console.log(bye());

- 기본 형태는 일반 스크립트와 같다

2. 타입스트립트(typescript) 함수

1). typing the function(타입함수)

function hello(a: number, b:number){ return a+b; } console.log(hello(3,2));

- 파라미터에 타입을 작성한다

2) writing the function(함수를 변수에 저장)

//: number는 반환 형태를 나타낸다 var step1 = function(num : number) : number{ return num * num; } console.log(step1(1)); var step2 = function(num : number){ return num * num; } console.log(step2(2)); //=> 를 이용하여 함수를 표현한다 var step3 = (num : number) : number => { return num * num; } console.log(step3(3)); var step4 = (num : number) => { return num * num; } console.log(step4(4)); //함수의 축약 형태이다 var step5 = (num : number) => num * num; console.log(step5(5));

- 결과는 모두 같지만 함수를 작성하는 형태가 다르다

'Front-End > Typescript' 카테고리의 다른 글

[Typescript] 타입스크립트의 클래스 typescript classes (0)	2017.02.15
[Typescript] 타입스크립트의 인터페이스 - typescript interface (0)	2017.02.15
[Typescript] 타입스크립트의 변수 선언 - typescript variable (0)	2017.02.15
[Typescript] 타입스크립트 설치 - Installing typescript (0)	2017.02.15
[Typescript] 타입스크립트 란? - What's TypeScript (0)	2017.02.15

리딩리드

,

[Typescript] 타입스크립트의 변수 선언 - typescript variable

Front-End/Typescript 2017. 2. 15. 14:30

타입스크립트의 변수 선언 - typescript variable

1. 정의

- 다른 스크립트와 다르게 변수를 선언할 시 타입을 지정한다

- 자바와 비슷한 구조를 가진다

2. 변수 선언

var age: number = 11; var isdone : boolean = false; var myName : string = "hee"; var isnull= null; console.log(age);

- var age : number = 11

- var 변수명 : 타입 = 값

3. any 타입

- 타입 스크립트의 특징으로 any 타입이라는 것이 있다

//boolean var dknow : any = true; //number dknow = 33; console.log(dknow); //string dknow = "hee"; console.log(dknow);

- any로 타입이 설정되었다면 예제와 같이 어떤 타입으로도 변환이 가능하다

4. collection

- 자바와 비슷하게 콜렉션으로 배열의 형태를 갖는다

var list : number[] = [1,2,3]; var list2 : Array<number> = [2,3,4]; console.log(list[0]);

'Front-End > Typescript' 카테고리의 다른 글

[Typescript] 타입스크립트의 클래스 typescript classes (0)	2017.02.15
[Typescript] 타입스크립트의 인터페이스 - typescript interface (0)	2017.02.15
[Typescript] 타입스크립트의 함수 - Typescript function (0)	2017.02.15
[Typescript] 타입스크립트 설치 - Installing typescript (0)	2017.02.15
[Typescript] 타입스크립트 란? - What's TypeScript (0)	2017.02.15

리딩리드

,

[Typescript] 타입스크립트 설치 - Installing typescript

Front-End/Typescript 2017. 2. 15. 13:48

타입스크립트 설치 - Installing typescript

1. 설치

- 설치 하는 방법은 두 가지가 있다

1) NPM을 이용해서 설치

- npm install -g typescript

- tsc -v : 버전확인

2) visual studio의 타입스크립트 플러그인을 이용해서 설치

2. 컴파일 및 확인

1) 컴파일(compile)

- 타입스크립트를 확인하기 위해선 자바스크립트로 변환하는 과정이 필요하다

- tsc hello.ts

- 컴파일을 실행하면 자동으로 js 파일이 생성된다

A. 컴파일 명령어

$ tsc app.ts -t ES5 : ES5 버전으로 변환하고 싶다면 사용

$ tsc file1.ts file2.ts file3.ts : 여러 파일을 한번에 트랜스한다

$ tsc file.ts, file2.ts --out file3.js : file과 file2를 file3.js로 생성할때 사용

$ tsc app.ts -watch : 파일에 대한 변경 사항을 확인

$ tsc -help : 도움말

2) 확인

- 브라우저에서 확인

- playground 라는 타입스크립트 사이트에서 확인이 가능하다(https://www.typescriptlang.org/play/index.html)

<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Title</title> </head> <script src="hello.js"></script>

'Front-End > Typescript' 카테고리의 다른 글

[Typescript] 타입스크립트의 클래스 typescript classes (0)	2017.02.15
[Typescript] 타입스크립트의 인터페이스 - typescript interface (0)	2017.02.15
[Typescript] 타입스크립트의 함수 - Typescript function (0)	2017.02.15
[Typescript] 타입스크립트의 변수 선언 - typescript variable (0)	2017.02.15
[Typescript] 타입스크립트 란? - What's TypeScript (0)	2017.02.15

리딩리드

,

[Typescript] 타입스크립트 란? - What's TypeScript

Front-End/Typescript 2017. 2. 15. 13:38

타입스크립트 란? - What's TypeScript

1. 정의

- MS사 에서 개발 되었으며 javascript를 보완 하기 위해 만들어진 개발 프레임 워크

- 어떤 브라우저, host, OS 상관없이 작동 된다

- 자바 스크립트와는 다르게 변수의 타입이 존재한다

function greeter(person: string) { return "Hello, " + person; } var user = "Jane User"; document.body.innerHTML = greeter(user);

- 확장자는 .ts 이며 .js 로 변경하기 위한 컴파일러가 필요하다

- 주소 : https://www.typescriptlang.org/

2. 타입의 종류

- Boolean, Number, String, Array, tuple...etc

'Front-End > Typescript' 카테고리의 다른 글

[Typescript] 타입스크립트의 클래스 typescript classes (0)	2017.02.15
[Typescript] 타입스크립트의 인터페이스 - typescript interface (0)	2017.02.15
[Typescript] 타입스크립트의 함수 - Typescript function (0)	2017.02.15
[Typescript] 타입스크립트의 변수 선언 - typescript variable (0)	2017.02.15
[Typescript] 타입스크립트 설치 - Installing typescript (0)	2017.02.15

리딩리드

,

일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

'Front-End/Typescript'에 해당되는 글 12건

[Typescript] 타입스크립트의 함수 - Typescript function

'Front-End > Typescript' 카테고리의 다른 글

[Typescript] 타입스크립트의 변수 선언 - typescript variable

'Front-End > Typescript' 카테고리의 다른 글

[Typescript] 타입스크립트 설치 - Installing typescript

'Front-End > Typescript' 카테고리의 다른 글

[Typescript] 타입스크립트 란? - What's TypeScript

'Front-End > Typescript' 카테고리의 다른 글

공지사항

카테고리

태그목록

글 보관함

달력

링크

리딩리드

LATEST FROM OUR BLOG

LATEST COMMENTS

BLOG VISITORS

티스토리툴바