react 리뷰(이것저것)

side effect

fetch로 가져오는게 완료되어야 함수가 끝나므로 fetch는 side effect
네트워크 요청, 파일 입출력, 전역 변수 사용 등은 side effect다

HOOKS의 장점

• 함수 컴포넌트에서도 상태 관리 가능

• 함수 컴포넌트에서 side effect 관리 가능

• 장점: 재사용성, 코드 간결(this, bind를 안 써도 됨), life cycle 단순화

상태

• 최근 주소록
  • 최근 주소록 버튼을 클릭했냐 안 했냐
  • 최근 주소록이 서버에서 받아와졌냐

씨마켓

• 상태
  • 어떤 페이지냐
  • 선물 모음(전역)
  • 장바구니 모음(전역)
  • 장바구니에서 체크 박스 (로컬: 장바구니에서만 씀)

• 여러가지 컴포넌트가 서로 통신하면 상태를 공통의 부모에

• 프레임워크랑 라이브러리랑 뭐가 다른가

  • 라이브러리: 어플리케이션에 일부분만 적용하는 것
  • 프레임워크: 어플리케이션에 모든 부분을 적용하는 것
    : 어플리케이션 패러다임을 통제하는 것

• history API 공부해보기 (HTML5)

클라이언트 사이드 라우팅 : 주소만 바뀌는 것

 <Link to="/shoppingcart"> 
  장바구니<span id="nav-item-counter">{length}</span>
</Link>

: /shoppingcart 경로를 생성한 것.

이후 아래 코드를 이용해 라우팅을 해줄 수 있음

<Route path="/shoppingcart">
	<ShoppingCart cartItems={cartItems} items={items} />
</Route>
       ```