개발Story
[Typescript]유니온 타입, 인터섹션 타입(Union, Intersection)
typescript 2022. 6. 21. 23:55

Union 유니온 타입(Union Type)이란 자바스크립트의 OR 연산자(||)와 같이 'A' 이거나 'B'이다 라는 의미의 타입이다. //Union Types : OR //원하는 타입을 만들때 domain같은 역할 type Direction = 'left' | 'right' | 'up ' | 'down'; function move (directionn:Direction){ console.log(directionn); } move('down'); //down Intersection 인터섹션 타입(Intersection Type)은 여러 타입을 모두 만족하는 하나의 타입을 의미한다. //모든것을합한 성격 and & type Student = { name: string; score : number; } t..

[Typescript]타입별칭 (Type Alias)
typescript 2022. 6. 21. 23:17

Type Alias type에 직접 이름을 부여하여 사용할 수 있다. 만든 type을 가지고 재사용하면 유용하게 사용할 것 같다. /** * Type Aliases * */ type Text = string; const name : Text = 'kim'; const address :Text = 'korea'; type Num = number; type Student = { name : string, age : number; } const student : Student = { name : 'kim', age :12, };

[Typescript]함수 타입 이용 (spread, default, optional)
typescript 2022. 6. 21. 23:05

Typescript Function 사용 매개변수의 타입들과 return해주는 함수의 타입을 설정 할 수 있다. //javascript function jsAdd(num1,num2){ return num1+num2; } //TypeScript function add(num1 :number ,num2 : number) : number { return num1+num2; } //javascript function jsFetchNum(id){ return new Promise((resolve,reject)=>{ resolve(100); }) } //TypeScript function jsFetchNum2(id :string) :Promise{ return new Promise((resolve,reject)=>..

[Typescript] 기본타입2(unknown, any, void, never, object)
typescript 2022. 6. 16. 19:39

Javascript의 타입에는 primetive : number ,string, boolean, bigint, null, undefined Object : function, array... 이렇게 존재한다. Typescript의 기본타입인 unknown, any, void, never, object 을 알아보자. unknown : 알려지지 않은 값. 무슨 타입인지 잘 모를 경우 사용한다. typescript를 사용하는데 있어 굳이 사용할 필요가 있나 싶다. //unkonwn 무슨 타입인지 모른다. 가능한 사용하지 않는것.♨ let notSure : unknown = 0; notSure = true; any : 어떠한 값. 어떠한 값이든 받겠다. 이것도 굳이 사용할 필요가 있는 싶은 타입이다. //any ..

[Typescript] 기본타입1(number, string, boolean, undefined, null)
typescript 2022. 6. 16. 19:11

Javascript의 타입에는 primetive : number ,string, boolean, bigint, null, undefined Object : function, array... 이렇게 존재한다. Typescript의 기본타입인 number, string, boolean, undefined, null 을 알아보자. 숫자 : Number 숫자 입력값이다. 소숫점, -도 포함하여 사용하면 된다. //number const num:number = 1; 문자 : String 문자값이다. 기본적인 string값이라고 생각하면 된다. //string const str:string ='hello'; 불리언 : Boolean 참/거짓(true/false) 값을 나타낸다. //boolean const boal..

article thumbnail
[Typescript] 개발환경 설치하기
typescript 2022. 6. 16. 18:53

Typescript란 javascript의 danamically typed한 성질을 statically typed로 정의해 놓은 것이다. 타입스크립트는 자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어이다. 마이크로소프트에서 개발, 유지하고 있으며 엄격한 문법을 지원한다. C#의 리드 아키텍트이자 델파이, 터보 파스칼의 창시자인 Anders Hejlsberg가 개발에 참여한다. 위키백과 우선 Typescript의 기본 개발환경을 설정해 보겠다. 기본적으로 node.js와 vscode가 설치되어있다고 가정한다. 만약 설치가 안되어있다면 출처: https://mine-it-record.tistory.com/500[나만의 기록들:티스토리] 해당 블로그를 참고하기 바란다. 일단 기본적으로 vscode에 Types..