상태(특히 프론트엔드에서):
"UI에 동적으로 표현되는 데이터"
side Effect:
"함수(또는 컴포넌트)의 입력 외에도 함수의 결과에 영향을 미치는 요인"
ex) 네트워크 요청(백엔드API요청)
상태의 두가지 구분(예시-쇼핑몰)
로컬 - 특정 컴포넌트 안에서만 관리되는 상태
(input box,select box 등 입력값 받는 경우(form 데이터))
전역 - 프로덕트 전체 혹은 여러 컴포넌트에서 관리되는 상태
(장바구니 상품 선택 여부 따라 결정되는 총 주문 금액, 갯수, 데이터 로딩여부 상태 등)
예제- 쇼핑몰
쇼핑몰 애플리케이션 기능 구현
Hooks 이용 상태를 다루고, 컴포넌트끼리 상태 주고받는 과정 연습
things that I've confused
Route는 원하는 주소에 해당 컴포넌트를 넣어준다. but Link 없이 Route만을 넣었을 때는 직접 URL을 주소창에 입력해야 다른 페이지로 넘어갈 수 있다.
Link to <a>태그와 같음, 버튼이나 원하는 곳에 넣어주면 페이지 상에서 클릭하여 이동 할 수 있다.
Creative Developer