인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트에 익숙하지않다면 자바스크립트로 먼저 코드를 작성하고 그 후에 타입스크립트로 변환하도록하자. 타입스크립트 (Typescript) 매개변수를 구조분해할때 타입 작성 방법 // (X) function test({ a: boolean, b: number}){ //.... } // (O) fuction test({ a, b }: { a: boolean, b: number}){ //.... } 뒤에 별도로 써야 에러가 나지 않는다. 아래와 같이 쓸 수 있다. // 호출할때 객체로 인자값을 전달하고 connectCardDOM({ data: ..
Typescript 기초 학습 8.기초문법6_클래스와 인터페이스_제네릭_generic(인프런_Zerocho님 강의 학습 의식의 흐름대로 노트 정리)
인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트에 익숙하지않다면 자바스크립트로 먼저 코드를 작성하고 그 후에 타입스크립트로 변환하도록하자. 타입스크립트 (Typescript) 클래스와 인터페이스를 사용할때 언제 써야할까? 만약 내가 작업할 때 new키워드를 쓰지 않고 상속의 구현만 할것이라면 인터페이스를 사용해도 무방하다. (실제 사용은 클래스에서 extends 하는 방식으로 하고 구현만 할거라면 인터페이스 implements해준다. interface Example{ (a: number, b: number) : number; } const ex: Example = (a,b) ..
인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트에 익숙하지않다면 자바스크립트로 먼저 코드를 작성하고 그 후에 타입스크립트로 변환하도록하자. 타입스크립트 (Typescript) 오늘은 class와 interface를 더욱 자세히 알아봤다. 클래스는 인터페이스의 확장형(심화)으로 보면 될 듯 하다고 한다. 로직에 대한 힌트 인터페이스를 보고 타입을 확인할 수 있기 때문에 해당 로직에 대한 힌트를 얻을 수 있다. 아래 코드에서 인터페이스를 보고 heeJ와 yoon이 div인 것을 알 수 있다. interface People{ heeJ : HTMLDivElement, yoon : H..
Typescript 기초 학습 6.기초문법4_인터페이스_interface_타입_type aliases_this_keyof(인프런_Zerocho님 강의 학습 의식의 흐름대로 노트 정리)
인프런 타입스크립트 기초를 통해 공부중이며 제로초님의 유료강좌입니다. 코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만) 타입스크립트에 익숙하지않다면 자바스크립트로 먼저 코드를 작성하고 그 후에 타입스크립트로 변환하도록하자. 타입스크립트 (Typescript) 인터페이스(interface)란? " 인터페이스는 변수나 함수, 클래스와 같은 객체에서 사용한다. 여러가지 타입을 갖는 프로퍼티로 이루어지며 새로운 타입을 정의할 수 있다. 인터페이스에 선언된 프로퍼티나 메소드를 통해 구현을 강제할 수 있으며 이것을 통해 일관성을 유지할 수 있도록 한다. 인터페이스는 클래스와 유사하나 직접 인스턴스를 생성할 수 없다. 또한 모든 메소드는 추상 메소드이다. " 인터페이스로..