타입스크립트 1일차

react.vlpt.us/using-typescript/01-practice.html

 

타입스크립트 설정파일 생성

 

git bash로 디렉토리 하나 만들어주고

yarn init -y 로 package.json 만들어줌

그 담에 yarn global add typescript 하여 글로벌에 타스 설치

tsc --init 하믄 tsconfig.json파일 생성댐

 

코드 작성하고 js로 컴파일 하는법 ! terminal에 tsc

 

// 타입 지정하는 법

// 숫자, 문자열, 불린, 배열

let count = 0;  //처음에 number로 선언했기 때문에 후에 스트링으로 변경하면 오류남

const message: string = 'hello world'; //문자열 타입지정
const done: boolean = true; //불린 타입지정

const numbers: number[] = [1,2,3]; // 숫자로 이루어진 배열
const messages: string[] = ['hello', 'world']; // 문자로 이루어진 배열

messages.push(1);
numbers.push('hi');
//두개 전부 오류남

let mightBeUndefined: string | undefined = undefined; // string 일수도 있고 undefined 일수도 있음
let nullableNumber: number | null = null; // number 일수도 있고 null 일수도 있음

let color: 'red' | 'orange' | 'yellow' = 'red'; // red, orange, yellow 중 하나임
color = 'yellow';
color = 'green'; // 에러 발생!

 

 

// 타입 지정하는 법

// 함수에서 타입지정하기

function sum(x: number, y: number): number {
  return x + y;
}

// x도 숫자, y도 숫자 return 값도 숫자

//아무것도 반환하지 않는다면 반환타입을 void로 지정!

 

 

하단 interface 사용해보기도 직접 해보았지만

Shape[]

요 부분이 좀 헷갈려서 나중에 다시해보기로 하고 위에것 정리해봤다.