내가 잊고 있던 사실이 있었다... 타입스크립트는 정말 내 코드의 모든것에 타입을 지정해줘야 한다.. 변수를 만들때도, 함수를 만들 때도, props로 전달해줄때도 모든 코드를 생성할 때 모든것에 다 타입을 지정해줘야 한다는,... 사실을 잊어버리고 공부하려니까.. 안되지..

잊지말자 타입스크립트는 레알 모든 코드에 다 타입지정 해줘야 함.

아 근데 어케 생각하면 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 이렇게 애초에 타입을 일일이 다 지정해주면 애러가 날래야 날 수가 없을 듯.. 이걸 또 만든 개발자들은 정말 갓발자임,, ㅜㅜ

아무튼 공부를 다시 해보자!

🔹 1. 변수에도 타입을 지정해줘야 해요.

◾ type 변수 => String, Boolean, Number

//String type
const name:string = 'eunsu';
//Number
const age:number = 28;
//Boolean
const isMarried:boolean = false;
//

◾ type 변수 => Array

const hobbies : string[] = ['Surf','Play a Game',"eat delicious's"]
//제네릭 이용하기.
const hobbies : Array<string> = ['Surf','Play a Game',"eat delicious's"]

◾ type 변수 => Tuple

▪ 튜플은 배열의 길이가 고정되고, 각 타입이 지정되어 배열 형식을 의미한다.
정의하지 않은 인덱스로 접근 할 경우 오류가 난다.

 let user: [string, number] = ["eunsu", 28];
  user[1]= '스물여덟' // error : 타입에러
  user.concat('seoul') // error : 배열 elem 정해놨기 때문에 error
  user[2] = "취미는 없음." // error : 존재하지 않는 인덱스
  user[0] = "은수" // success

◾ type 변수 => Enum

▪ 이넘은 C, JAVA와 닽은 다른언어에서 흔하게 쓰이는 타입으로, 특정 값(상수)들의 집합이다.

  enum users {
    "john",
    "Bob",
    "jimmy",
  }
  let user1:users = users.john // 0 => index반환

◾ type 변수 => Any

단어 그대로 모든 타입에 대해서 허용한다는 의미를 갖고있다.

  const user1: any = { name: "john", age: 30 };
  const users: any = ["bob", "min", "hobs"];

◾ type 변수 => void

▪ 변수에는 undefined와 null만 할당하고, 함수에는 반환 값을 설정할 수 없는 타입이다. 변수만 지정할 때 필요할 듯.

  const isCheck: void = undefined;
  function checkFunc(): void {
    console.log(isCheck);
  }

다음편에는 함수 타입!

출처 / 참조

• https://joshua1988.github.io/ts/guide/basic-types.html#boolean
  [우리의 캡핀판교 타입스크립트 핸드북]