리엑트 기초 요약

리엑트 기초 내용

 1. 데이터 바인딩 핵심 "{}"  
2. Style 직접 지정시에도 "{}"" 사용해야함    
3. "..." deepcCopy 방법임, = 으로 카피할경우 참조변수가 생성됨(Array,Object),...으로 할시 독립적인 카피  
4. state 값 변경은 변경함수를 사용해야함(state에 직접 접근X)  
5. deepCopy로 값을 복사해서 수정 후, 변경함수에 적용하는 방법이 있음  
6. {}안에는 변수,함수를 쓸 수 있음  
7. var \[num1,num2\] = \[10,100\]; // a에는 10 b에는 100을 넣는다  
8. var(변수 선언전에 호출 가능, 값 지정 안해줘도됨)  
9. let(변수 선언전에 호출 불가능, 값 지정 안해줘도됨), const(변수 선언전에 호출 불가능, 값 지정 꼭 해줘야됨)  
10. es6 버전부터 새로 생긴 let과 const임. 불안정한 var보다 let과 const 사용을 권장함  
11. array내의 모든 데이터에 똑같은 작업을 시켜주고싶을때 .map()을 사용함, 유사 반복문  
12. Componet의 경우 명명규칙은 대문자로 시작해야함  
13. Props를 사용하여, State 넘기기(파라미터 개념)  
14. input 태그는 항상 꼭 닫아야함!!  
15. console.log(e.target.value) 입력된 값 콘솔에 출력하기  
16. map의 경우 key 값을 지정해줘야 warning이 안뜸  
17. array 맨 앞에 자료를 추가하는 문법 "array.unshift"  
18. setState()를 통해 원하는 state 요소만 변경 할 수 있음(class 문법에서 사용)