Javascript 그리고 Typescript

*해당 포스팅은 김민태선생님의 강의를 복습하기 위한 용도입니다.

2-1. Javascript의 변천사

 

2-2. 웹, 앱 구성요소

 

2-3. 모던 javascript 개발환경

 

2-4. Typescript와 Javascript

Javascript와 달리, Typescript는 데이터 유형을 코드 내에서 지정하고 구분할 수 있다.

 

Typescript 예시 1

type cm = number;
type kg = number;

let weight:kg = 80;
let height:cm=176;

type cm = number;

type kg = number;

 

위 코드에서 type은 지정할 변수 앞에 적어주고, cm과 kg는 사용자가 만들어낸 변수명

number는 type이 숫자로 받는다는 것을 알려줌.

let weight:kg = 80;

let height:cm=176;

즉, 80도 176도 숫자인데 같은 숫자 내에서 몸무게와 키를 구분할 때 사용하는 셈.

 

Typescript 예시 2

type rainbowcolor = 'red' | 'orange' | 'yellow' | 'etc'

let color : rainbowcolor = 'oragne'

type rainbowcolor = 'red' | 'orange' | 'yellow' | 'etc'

 

rainbowcolor라는 임의의 변수에 문자열 red 부터 etc 까지 지정한 상태.

let color : rainbowcolor = 'oragne'

rainbowcolor 유형의 변수 color를 정의할 때 oragne는 없는 유형이므로 (orange만 지정해놨으니) 사용시 오류발생

 

 

 

생각해본 활용도

분석

위의 코드는 지정해놓은 유형의 색이 아닌 경우 오류가 뜨는 방식이다.

적용

사용자가 로그인할 때 이메일 주소를 daum.com, google.com으로만 입력하고 naver.com 등의 메일은 금지할 때 type accepted_mail = 'daum.com'|'google.com' 이런식으로 지정해놓은 다음 해당 안되면 오류뜨게 하는 방식이 가능할듯하다.

 

 

 

#javascript #typescript