1. 컴포넌트
- 컴포넌트의 기능은 단순한 템플릿 이상
- 클래스형 컴포넌트과 함수형 컴포넌트의 차이점은 state기능, 라이프사이클 차이, 임의 메서드를 정의할 수 있다는 점
2. 함수형 컴포넌트
- 선언하기 쉬움
메모리 자원도 덜 사용
빌드 후 배포시 결과물의 파일 크기가 작음 - 단점 : state,라이프사이클 api의 사용이 불가 =>hooks 도입
3.화살표 함수
setTimeout(function(){
console.log("hello world")},100)
setTimeout(() =>{
console.log("hello world")},100)4. props
- props : 컴포넌트 속성을 설정 할 때 사용
- 비구조할당 : 객체에서 값을 추출하는 문법
- propTypes : 필수 props 지정하거나 props의 타입을 지정할 때 사용
5. state
- 바뀔 수 있는 값
state를 쓰는 이유는 DOM을 리렌더링하기 위함이고
props가 100개인 object를 state로 쓰고 있다고 가정
user['emotion'] = 'happy'
매번 100개를 다 살펴볼 수도 없으며
그냥 state는 새로 업데이트 할때
내용을 살펴서 변화를 감지하는 것이 아니라
state의 메모리 주소가 이전과 달라졌는지만 보고 rerendering
그래서 항상 사본으로 새로운 주소값을 갖는 state를 써야함
