type alias let 동물 : string | number | undefined 위와 같이 타입이 너무 긴 경우 or 반복해서 사용하는 경우 따로 변수에 담아서 사용할 수 있다. type이라는 키워드를 사용! type Animal = string | number | undefined; let 동물: Animal = "kim"; type 타입변수명 = 타입종류 이렇게 type 키워드로 변수 만드는 것을 type alias문법 이라고 한다. object인 경우도 가능하다. type Animal = { name: string; age: number } let 동물: Animal = { name: "kim", age: 20 }; *일반변수와 차별화를 두기 위해서 타입변수명의 맨앞문자는 대문자를 사용한다. ..
함수에 타입 지정 함수의 파라미터, return 값에 타입지정이 가능하다. return 값 타입지정은 파라미터 타입지정한 곳의 오른쪽에 지정! function 함수(x : number, y: number) : number{ return x * y } void 타입 함수에서 void 타입 활용 가능하다. return 할 자료가 없을 때, 함수에서 return 하고 싶지 않을 때 사용한다. 실수로 뭔가 return하는걸 사전에 막을 수 있음 function 함수(x : number, y: number) : void{ return x * y } 타입스크립트와 자바스크립트의 차이점 - 함수에서 파라미터에 타입이 지정되어있다면 파라미터는 반드시 작성해야한다. 만약 파라미터가 옵션인 경우(=파라미터 있어도 되고 없..
[typescript] typescript 설치, 필수문법
드디어 타입스크립트 시작! 요즘 프론트엔드 채용공고에 아주아주 많이 보이기때문에 타입스크립트는 꼭꼭 공부해야겠다고 생각했었다. typescript란? javacript + type 문법 (자바스크립트 업글버전) 1. node.js 최신버전으로 설치 2. 터미널 오픈 후 npm install -g typescript 3. 작명.ts 파일 생성 4. tsconfig.json 파일 생성 후 아래의 코드 복붙 *컴파일시 옵션설정이 가능한 곳 { "compilerOptions": { "target": "es5", "module": "commonjs", "noImplicitAny": true, "strictNullChecks": true } } ts파일은 웹브라우저가 읽을 수 없다. 브라우저는 js만 읽을 수 있기..