주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트에 익숙하지않다면 자바스크립트로 먼저 코드를 작성하고 그 후에 타입스크립트로 변환하도록하자. 타입스크립트 (Typescript) 오늘은 class와 interface를 더욱 자세히 알아봤다. 클래스는 인터페이스의 확장형(심화)으로 보면 될 듯 하다고 한다. 로직에 대한 힌트 인터페이스를 보고 타입을 확인할 수 있기 때문에 해당 로직에 대한 힌트를 얻을 수 있다. 아래 코드에서 인터페이스를 보고 heeJ와 yoon이 div인 것을 알 수 있다. interface People{ heeJ : HTMLDivElement, yoon : H..

인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트에 익숙하지않다면 자바스크립트로 먼저 코드를 작성하고 그 후에 타입스크립트로 변환하도록하자. 타입스크립트 (Typescript) 인터페이스(interface)란? " 인터페이스는 변수나 함수, 클래스와 같은 객체에서 사용한다. 여러가지 타입을 갖는 프로퍼티로 이루어지며 새로운 타입을 정의할 수 있다. 인터페이스에 선언된 프로퍼티나 메소드를 통해 구현을 강제할 수 있으며 이것을 통해 일관성을 유지할 수 있도록 한다. 인터페이스는 클래스와 유사하나 직접 인스턴스를 생성할 수 없다. 또한 모든 메소드는 추상 메소드이다. " 인터페이스로..

인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트 (Typescript) any 배열을 만들고나서 마우스를 변수에 올려보면 타입이 any라고 뜬다. const arr = []; any 타입은 아무 타입이나 넣어도된다는 것을 의미한다. const a: any = 'a다'; const a: any = 1; const a: any = true; const a: any = []; any 타입을 선언하는 것은 자바스크립트와 같다고 볼 수 있는데, 남발한다면 타입스크립트를 쓰는 의미가 없으므로 최소한의 경우에 필요한 곳에 사용해야한다. 최소한의 경우란 보통 남이 만든 타입을 변경해야할 때..

인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트 (Typescript) as const; 변수를 상수처럼 쓰고 싶다. 타입스크립트 전용 문법인 as const; 를 뒤에 붙이면 된다. let str = 'haha' as const; let arr = [true, 2, '3'] as const; 변수에 마우스를 올렸을때 let arr:readonly [true, 2,, '3'] 이라고 뜨는데, 여기서 새로운 타입 readonly를 볼 수 있다. as const;로 선언할 경우 let이어도 재 정의시에 에러가 난다. 그렇다면 const로 선언하면 되지 않나? 라고 하는데, con..