Chapter1. 상태 관리
1.로컬 상태와 전역 상태의 차이점을 이해한다.
2.전역 상태의 필요성을 이해한다.
3.상태 관리 라이브러리의 필요성을 이해한다.
과제1 - Cmarket Hooks
4.React Router를 통해 라우팅을 할 수 있다.
5.useState로 상태를 사용할 수 있다.
1.로컬 상태는 그 내부에서만 사용하기 때문에 부담없이 사용해도 상관없지만 여러 컴포넌트에서 사용해야 하는 상태의 경우 전역(또는 공통되는 부모 컴포넌트)에서 선언한 후 내부로 내려서 사용해야 하는 차이점이 있다.
2.전역상태관리를 사용하지 않는다면 단방향 데이터흐름을 이용하는 리액트에서 다른 컴포넌트에서 데이터를 주고받을 수 없어진다.
3.계층이 한두개로 적당히 나눠지는 상태라면 굳이 상태 관리 라이브러리를 사용할 필요가 없겠지만 몇단계씩 내려간 데이터를 다시 사용하는건 헷갈리기도 하고 유지보수에도 문제가 있을 수 있기 때문에 라이브러리가 있으면 좋을 것 같다.
4.Router로 감싼 후 내부에 Routes내부에 Route들을 작성해준다. 작성한 Route의 path로 이동하는 Link는 클릭해야 하는 지점에 생성한 후 to = "경로"로 입력하면 라우팅을 사용할 수 있다.
5.useState는 몇번 언급된적이 있지만 const [항목, set항목] = useState(초기값);의 형태로 이용하며 set항목(카멜케이스로 이름 지어줘야 한다)을 통해 set항목(바뀔내용)형태로 초기값을 바뀔내용으로 대체할 수 있다.
오늘 한 내용은 전체적으로 리덕스에 들어가기 전 기존에 사용하는 state, props에 대한 복습 차원이었어서 그런지 별로 어렵지 않았다.
'회고' 카테고리의 다른 글
| [React] 상태 관리-3 (0) | 2022.07.07 |
|---|---|
| [React] 상태 관리-2 (0) | 2022.07.06 |
| [React] Custom Component-3 (0) | 2022.07.04 |
| 학습(알고리즘) (0) | 2022.07.03 |
| 학습(알고리즘) (0) | 2022.07.02 |
