TypeScript 공부

[yujung7768903]

변수 선언

var, let, const

• var는 호이스팅 현상이 일어나기 때문에 원치 않은 결과가 출력될 수 있으므로, 피하는 게 좋음.
• let, const는 위와 같은 var의 문제를 해결하기 위해 ES6부터 등장.

let 변수명: 타입명 = 값;

• 예시

  let isCheck: boolean = true;
  let num: number = 10; //정수, 실수 관계없이 number
  let str: string = "안녕하세요"; //일반적인 문자열 타입
  //템플릿 문자열, ${변수}
  //``(백틱 문자열)을 사용하면 + 연결 필요없이 변수와 문자를 같이 사용할 수 있다. 
  //줄바꿈도 자동으로 인식.
  let str2: string = "김유정";
  console.log(`나의 이름은 ${str2} 입니다`);
  // number 형 배열 생성 ([] 타입)
  let arr: number[] = [1, 2, 3];
  // number 형 배열 생성 (제네릭 타입)
  let arr2: Array<number> = [1, 2, 3];
  //tuple
  let x: [string, number];
  x = ["hello", 10];

DOM 조작

TypeScript 한글 문서

• document.createElement('xyz')는 HTML 규격에 지정된 요소가 아닌 요소를 반환한다.

---

참고

Typescript 익히기 ( 백틱문자열)

[TypeScript] 변수 선언과 기본 타입

TypeScript 한글 문서