[TS] 문법 정리

TypeScript는 정적타입 검사 기능을 제공하며, 코드의 가독성과 유지 보수성을 높여준다. 이를 통해 개발자는 런타임 에러를 최소화하고, 코드 작성 시간을 단축하며, 협업 시 코드의 가독성을 높일 수 있다.

interface User {
  id: number;
  name: string;
}

function greetingUser(user: User) {
	 console.log(`Hello, ${user.name}!`)
}

const parkUser = {
	id: 1,
  name: "박해커"
};

greetingUser(parkUser);

이처럼 타입을 명시함으로써 코드의 의도 또한 명확해지기 때문에 다른 개발자가 코드를 이해하고 수정하기 쉬워지며, 런타임 에러를 미리 방지할 수 있기 때문에 유지보수성 또한 높아진다.

Typescript의 타입

• Boolean(불리언) 타입

  let isShow: boolean = true;
  let isDone: boolean = false;

• Number(숫자) 타입

  let number1: number = 5;
  let number2: number = 0.7;

• String(문자열) 타입

  let firstName: string = "coding";
  let lastName: string = 'kim';
  let longString: string = Kimcoding is a developer. He is 20 years old.

• Array(배열) 타입

  //첫 번째 방법
  let items: string[] = ["apple", "banana", "grape"];
  //두 번째 방법
  let numberList: Array = [4, 7, 100];

• Tuple(튜플) 타입

  let user: [string, number, boolean] = ["kimcoding", 20, true];

• Object(객체) 타입

  let obj: object = {};
  let user: {name: string, age: number} = {
  name: "kimcoding",
  age: 20
  }

• Any 타입

  let obj: object = {};
  //에러가 납니다.
  obj = "hello";
  let maybe: any = 4;
  //정상적으로 동작합니다.
  maybe = true;

Typescript의 함수

function add(x: number, y: number):number {
	return x + y;
}
//arrow function
let add = (x: number, y: number): number => {
	return x + y;
}

리턴 값이 없을 때

let printAnswer = (): void => {
	console.log("YES");
}

TypeScript는 JavaScript와 달리 매개변수의 개수에 맞춰 전달인자를 전달해야한다. 만약 개발자가 전달인자를 전달하지 않거나, undefined를 전달했을 때 할당될 매개변수의 값을 정해놓을 수도 있다. 혹은 선택적 매개변수를 원한다면 매개변수의 이름 끝에 ?를 붙임으로써 해결할 수도 있다.