공식 웹사이트를 통해 영어와 함께 공부하는 리액트(React) 20편

상태 - 컴포넌트의 메모리 : 

컴포넌트는 상호 작용의 결과로 화면의 내용을 변경해야 하는 경우가 많습니다. 양식에 입력하면 입력 필드가 업데이트되어야 하고, 이미지 캐러셀에서 '다음'을 클릭하면 표시되는 이미지가 변경되어야 하며, '구매'를 클릭하면 제품이 장바구니에 담겨야 합니다. 컴포넌트는 현재 입력값, 현재 이미지, 장바구니와 같은 것들을 "기억"해야 합니다. React에서는 이런 종류의 컴포넌트별 메모리를 state라고 부릅니다. 

 

배울 내용 : 

- useState Hook으로 상태 변수를 추가하는 방법 

- useState Hook이 반환하는 값 쌍 

- 상태 변수를 두 개 이상 추가하는 방법 

- state를 로컬이라고 부르는 이유