리액트 12강

• React Hook
  • useState도 React Hook임
  • 기존에 사용하던 클래스 컴포넌트의 여러 기능들을 자연스럽게 함수형 컴포넌트에서 사용하기 위한 장치
  • 클래스형 컴포넌트
    • 스테이트, 라이프사이클 직접 다룰수 있음
    • 진입장벽, 복잡한 코드
  • 즉 함수형 컴포넌트가 기존의 클래스형 컴포넌트를 완전히 대체할 수 있도록 하는 기능
• 리액트의 생명주기(Life Cycle)
  • 리액트는 컴포넌트가 화면에 렌더링되는 과정을 생명주기를 이용해 관리
  • 마운팅 -> DOM에 컴포넌트가 등록되는 과정 
    • 컨스트럭터 : 우리가 만드는 컴포넌트가 생겨나는 과정, 함수정의할때의 과정
    • 랜더링 : 브라우저의 DOM에 어떤 객체가 들어가서 브라우저 화면에 나타나도록 하는 것
  • 업데이팅 -> 등록된 컴포넌트의 내용이 업데이트되는 과정
  • 언마운팅 -> DOM에서 사라지는 과정
  • 렌더 페이즈 : 리엑트에서 관리하는 부분
    • 렌더링이 끝나기 전, 즉 브라우저 DOM에 업데이트 되기 전까지
  • 커밋 페이즈 : 브라우저에 나타나는 부분 
    • 그 이후의 모든 과정