규칙
1. 억지로 쓰지 않기.
- 진짜 배운 게 있는 날만 쓰기!
2. 양 신경쓰지 않고 기록하기.
- 양이 적다고 글을 포기하지 말고 조금이라도, 그게 한두줄이더라도 배운 게 있다면 기록하기!
3. 꼭 내 것으로 만든 후 작성하기.
- 스스로 생각을 좀 정리해본 후 TIL 글 적기!
- 남이 쓴 글 복붙 X , 내가 배우고 느낀 점 위주로. (일단은 그렇게 해보자)
밑의 내용들은 내가 수업중에 메모해가며 적은것들이고 이를 통해 다시한번 공부가 되어 올렸으며 적으면서 복습이 되기 때문에 그날 공부한 것들은 안 외우더라도 매번 적을 예정입니다.
<오늘 공부 한 것들>
1. 알고리즘 문제 풀기
2. [실습] TodoList 프로젝트 Lv.1 끝!
3. use.Context 및 useState, customHook 공부
4. Redux, Redux Thunk, React Query 다시 한번 복습!
[인상 깊은 부분들]
[Redux]
Redux: 전역관리/부분 전역을 관리하기 위한 오픈 소스 라이브러리
->이러면 context API랑 다를게 없다.
context API는 성능 면에서도 비교적 무겁다.
Redux의 요소
action: reducer가 해야하는 역할
reducer: 실제 state를 바꾸는 역할
store는 state를 저장하는 중앙 저장소의 개념
장점:복잡성을 줄여주고 상태변화를 통제하기 편하며 협업을 용이하다.
단점: 보일러 플레이트가 많으며 Redux의 사용이 비대 해진다.
[Thunk]
Thunk: 미들웨어
비동기 작업을 처리하기 위해서 사용한다.
상태 업데이트 관리 시작, 성공,실패와 같은 여러 상래를 관리할 수 있다.
[React Toolkit]
리덕스를 계량 한것 으로 장점: 보일러 플레이트가 적고, 휴먼에러 발생X, Devtools 사용 가능, 이머때문에 불변성 줄일수 있다.
[stale-while-revalidate(swr)]
revalidate하는 동안(while) stale 데이터를 사용하고 있도록 하는 것.
새로운 정보를 불러오기 전에 있는 정보를 보여서 먼저 보여주는 것
사용하면 안되는 부분: 홈쇼핑, 티켓팅 등
[참고 자료]
Redux는 react-redux랑 Redux를 설치하여 React에 사용하기 편하게 한 것이다.
Redux는 Vue, Anglar에서도 사용한다.
action을 통해 payload는 State에서 새로운 State를 대답해준다.
[].push를 하면 어떻게 되는가..
-> 불변성이 유지 되지 않고 안에 값들이 추가 되어 주소가 바뀌지 않는다.
-> React Toolkit의 immer로 불변성을 유지하게 도와준다.
[KPT]
K
타입스크립트 책을 읽는데 이미 대부분 내가 이해한 부분들이라 복습이 잘됐다.
P
실습을 할려 했는데 구조가 잘못되있어서 파일을 여는데 시간이 너무 오래걸렸다.
T
실습을 하기 위해 다양한 자료들을 얻었으니 지금 있는 자료들로 실습을 해보는 것도 좋은 것 같다.