공식문서를 보는 이유와 방법

공식문서를 보는 이유

라이브러리는 만든 사람이 있는데
그들이 만든 목적과 도구의 사용법을 정리해둔 것이기 때문에 본다.

다행히도 리액트는 친절하고, 한국어 번역도 거의 있고,Tutorial도 있다.

jsx

jsx란 React.createElement 간편 표현식이다.

Props

Props: 컴포넌트에 전달되는 단일 객체

순수함수처럼 동작하지만 props 자체를 수정해서는 안된다.

컴포넌트 합성: 여러 컴포넌트를 모아서 사용할 수있다.

컴포넌트 추출: 여러곳에서 사용되거나/복잡한 경우

State

컴포넌트 내의 상태 -> 자산의 출력값을 변경

class component -> State LifeCycle

Functional component -> 훅으로 관리

유의사항->직접수정X/비동기적일 수 있음

컴포넌트 생명주기

constructor -> state 초기화 및 메서드 바인딩

componentDidMount -> Dom 노드 초기화 및 데이터 fetch

componentWillUnmount -> 타이머 제거 및 요청 취소 및 구독 해제

Functional Component -> hook으로 대부분 구현 가능