type ElementProps<K extends keyof HTMLElementTagNameMap> = & IProps<HTMLElementTagNameMap[K]> | {}

1. type

1.1 interface

1.1.1 function 적용

 interface Calc{
 	(num1:number, num2:number):number;
 }

 const add:Calc=function(a,b){
 	return a+b;
 }
 
 const minus:Calc=function(a,b){
 	return a-b;
 }

1.1.2 class 적용

 type COLOR='WHITE'|'BLACK'|'RED';
 
 interface Car{
   color:COLOR,
   price:number,
   drive():void
 }
 
 class Kia implements Car{
   color;  
   price=100;
   constructor(color:COLOR){
  	this.color=color;
 }
   drive(){
 		console.log('kia run')
    }
 }
 
const k5=new Kia('BLACK');  

1.2 type

1.3 class

1.4 object

2. <>

3. extnds

4. keyof

5. &(교차타입?)

5.1 |(유니온 타입)

5.2 &(교차타입)

6. HTMLElementTagNameMap

7. IProps

8. []

9. |

10. {}