React 공식문서로 디테일잡기(초급) (1)

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

공식문서 → 라이브러리 설명서
공식문서 읽기 → 리액트로 시작 후 반복 숙달

환경 설정

vscode → IDE
node, npm, npx → create-react-app

JSX

JSX → React.createElement 간편 표현식

Props

Props → 컴포넌트에 전달되는 단일 객체
순수함수처럼 동작 → Props 자체를 수정해서는 안됨
컴포넌트 합성 → 여러 컴포넌트를 모아서
컴포넌트 추출 → 여러곳에서 사용되거나/ 복잡한 경우

State

컴포넌트 내의 상태 → 자신의 출력값을 변경
Class component → State LifeCycle
Functional component → 훅으로 관리
유의사항 → 직접 수정x/ 비동기적일 수 있음

컴포넌트 생명주기

constructor → state 초기화 및 메서드 바인딩
componentDidMount → Dom 노드 초기화 및 데이터 fetch
componentWillUnmount → 타이머 제거 및 요청 취소 및 구독 해제
Functional Component → hook으로 대부분 구현 가능