2022-12-20 화요일

📅 오늘 한 일

1. 리덕스 툴킷 공부

✏️ 무엇을 배웠나

1. Axios 사용법

Axios는 서버 통신을 위해 사용하는 패키지다. GET, POST, DELETE, PATCH를 이용해 투두리스트 코드에 적용해봤다. Fetch API와 무슨 차이가 있는지 잘 모르겠다. 내일 그 차이가 무엇인지 확인해보자.

2. Redux-Thunk

• 리덕스 툴킷에 포함된 미들웨어다.
• Thunk를 사용하면 액션을 객체가 아닌 함수로서 dispatch할 수 있다. 함수로 전달한다는 건 중간에 다른 조작을 할 수 있다는 얘기! 이게 thunk의 핵심임.
• 어제 고민했던 부분인 리덕스 툴킷을 사용해서 action을 어떻게 전달하면 좋을까 하는 부분을 해결할 수 있었다. createAsyncThunk를 이용해서 비동기식으로 payload를 전달할 수 있음

3. 리액트 최적화가 의미하는 것

• 리액트에서 최적화라는 건 '불필요한 리렌더링을 막는 것'
• 부모 컴포넌트가 리렌더링 되면 자식 컴포넌트도 무조건 리렌더링되기 때문에 이게 불필요하게 리소스를 차지할 수 있음.

🔎 더 알고 싶은 것 / 보완이 필요한 것

1. fetch api 놔두고 axios를 사용하는 이유