코드캠프 9일차.

Typescript

자바스크립트의 타입을 "강제"시키는 언어

사용이유

각각의 역활마다 타입을 고정함으로써 코딩간 타입변형으로 일어나는 불상사를 없애기 위함

ex) "1" + 1 = 11
2를원했지만 타입의 오류로 ex와 같은 경우

  let aaa: string = "안녕하세요"
  let bbb: number = 123

같은 방식으로 실행하며

객체의 경우엔

	Interface IProfile{
    	name: string;
        age: number;
    }
    let profile:IProfile = {name: "철수", age: 13}

정해진 타입이 없기에 Interface로 본인이 타입을 만들어준다.
위 코드에선 IProfile이 타입이된다.
IProfile 안에 name: string;,age: number;을 해줌으로써
타입을 고정해준경우이다.

ts / tsx

ts는 일반적인 자바 스크립트
tsx는 컴포넌트를 의미한다.
x는 XML(eXtensible Markup Language = 확장가능한 M.L)의 x를 의미하며

기존의 개발은 js로 페이지를 만들고 js로 컴포넌트를 만들었다면(jsx로 만들 수 있다.)

ts는 컴포넌트를 tsx를 만들어줘야한다.(확실히 확장자를 명시해줘야 한다.)

• any 타입은 일반적인 자바스크립트의 타입이라 생각하면된다.

얕은복사/깊은복사

• 얕은복사
  객체 안의 객체를 복사해올때 value자체를 복사해오는 것이 아닌 메모리 주소를 참조해온다.

• 깊은복사
  객체를 복사해올 때 원본객체에 할당된 value자체를 복사해와 사본객체에 새로 할당해준다.