반응형
두 가지 용어를 기억하자
presentational vs stateful component
dumb vs smart component
리액트 어플리케이션에는 일부 상태를 관리하는 몇 개의 컴포넌트를 갖게 되는데 예를 들면 filter의 state를 관리하는 Expenses 컴포넌트 같은 것이나
input state를 관리하는 ExpensesForm 같은 컴포넌트의 것들이 있다
또 다른 컴포넌트로는 state를 관리하지 않는 컴포넌트들이 있는데
ExpenseItem 같은 것들이 그 예다
아무 상태를 갖지 않고 단지 데이터를 출력하기 위해서만 존재하는 컴포넌트이다
대부분의 리액트 프로그램에서 무언가를 출력하는 컴포넌트들이 있다
그래서 일반적으로는 상태를 관리하는 컴포넌트들이 더 적은 편이다
props를 분산시킨다
Expenses 컴포넌트에서 처럼 filter의 상태를 관리하는 경우가 그 예이다
다음 시간에는 리스트와 조건부 컨텐츠에 대해서 알아볼 것이다
반응형
'온라인 강의 > React 완벽 가이드 [Udemy]' 카테고리의 다른 글
| 67. 모듈 리소스 (0) | 2023.06.03 |
|---|---|
| 퀴즈 2: 학습 확인: 이벤트 & 상태 작업하기 (0) | 2023.06.03 |
| 과제: 연습해봅시다: 이벤트 & 상태 작업하기 (0) | 2023.06.03 |
| 63. State 끌어올리기 (0) | 2023.06.02 |
| 62. 자식 대 부모 컴포넌트 통신(상향식) (0) | 2023.06.02 |