[React]3장 리액트 개념 이해(작성중)

실.리.액 보며 정리하는 공부 글입니다.

😽 라이브러리나 프레임워크를 대충 이해하고 써먹다보면 기술 부채가 증가하고 장기적으로 좋지 않아~(딱 내 상황)

3.1_ 상탯값과 속성값으로 관리하는 UI 데이터

UI 라이브러리인 리액트는 UI 데이터를 관리하는 방법을 제공한다.

• UI데이터
  • 컴포넌트의 내부에서 관리되는 state(상태값)
  • 부모 컴포넌트에서 상속하는 상속값(props)

리덕스와 같은 전역 데이터 관리 라이브러리가 리액트에 적용될 때도 결국 컴포넌트의 UI데이터를 이용하여 구현한다.

UI데이터가 변경되면 리렌더링이 된다.
UI 라이브러리를 사용하지 않으면 UI가 변경될 때마다 돔 요소를 직접 수정해야하고 그로 인해 비즈니스 로직과 UI 관리 코드가 뒤섞여져 코드의 복잡도가 증가한다.

그래서 리액트는 화면을 그리는 모든 코드를 컴포넌트 함수에 선언형으로 작성한다.

UI데이터가 변경되면 컴포넌트 함수를 사용하여 화면을 자동 갱신하는 것이 리액트의 가장 중요한 역할이다.

React.Portal 함수형 이해를 돕기 위한 참고 글
리액트의 리렌더링에 관한 자세한 번역글