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