코드스테이츠 30일차 [ React 상태관리 = Hook ]

Lumi·2021년 10월 14일
0
post-thumbnail

순서대로라면 29일차여야 하지만

휴일떄문에 하루 빠진거 계산하면서 하자니 딱딱 맞아떨어지는거 좋아하는 나에게 어울리지 않는다 생각을 하여

그냥 코드스테이츠 시작한 이후로 몇일이 지났는지 계산하여 적을 것이다!!

  • 그냥 30일 지났다고 이해하면 된다(휴일포함)

상태관리

상태는 변하는 데이터를 말한다.

  • 동적으로 표현되는 데이터

예를들면
장바구니에 담긴 물건의 수량
수량에 따른 가격
상품 선택 여부

이와 같이 그냥 어떠한 형태를 바꿀수 있는 데이터를 상태라고 부르면 된다.

React의 주요 개발 원칙 중 하나는 UI를 페이지 단위가 아닌 컴포넌트 단위로 보는 것이다.

상태를 구분하는데에는 규칙이나 법이 있는 것은 아니지만 로컬,전역에 나누어서 생각해 보자

로컬은 특정 컴포넌트 안에서만 사용되는 상태이며 전역은 컴포넌트 전체 호은 여러가지 컴포넌트에서 사용되는 것을 말한다.

  • 이 두개를 구분 하는 것은 쉽다.

로컬은 말 그대로 한 컴포넌트 내에서만 다루어 지기 떄문에 다른 컴포넌트에 영향을 주지 않지만
전역은 다른 컴포넌트 내에서도 사용되고 영향을 받아 값이 변할수 있다는 것을 알아두자

보통 전역은 사용하는 것이 좋지는 않지만 반드시 사용해야할 필요가 있다.

  • 서로 다른 컴포넌트가 동일한 상태를 다룰떄에

    이런 경우에서는 출처는 오직 한 곳이어야 하며 이것을 데이터의 무결성 이라고 한다.

좀더 쉽게 말하면 여러곳에서 데이터를 받아서 두 컴포넌트가 같은 상태를 다루는 것이 아니라 단 하나의 데이터를 사용해서 두 컴포넌트가 다루어야 한다는 말이다.

전역으로 관리되는 데이터들

  • 네이버의 다크모드
  • 특정 사이트, 웹의 언어 선택

이러한 상태 관리를 도와주는 여러가지 툴이 있으며 우리는 Redux에 대해서 배워 볼 것이다.

  • .
  1. 전역 상태를 보관할 저장소를 제공한다.
  2. props drilling 문제를 해결한다

상태 관리 툴은 없어도 충분히 대규모작업을 할수 있지만 익혀두면 유용하게 사용할수 있기 떄문에 배우는 것이다.

  • .

props drilling : 최상위 컴포넌트에서 최하위 컴포넌트에 상태를 보낼떄에 중간에 있는 컴포넌트들을 들러서 보내야 하는데 이를 말하는 용어이다.

후기

Hook은 어느정도 익숙하기 떄문에 많이 어렵지는 않앗다!!

useState를 사용하면 상태를 관리를 할수가 있다

  • 대부분...??
profile
[기술 블로그가 아닌 하루하루 기록용 블로그]

0개의 댓글