diff --git a/keyword/Chapter09/keyword.md b/keyword/Chapter09/keyword.md
new file mode 100644
index 00000000..8a4ab8fa
--- /dev/null
+++ b/keyword/Chapter09/keyword.md
@@ -0,0 +1,299 @@
+# Redux와 Redux Toolkit 비교
+
+Redux는 코드량이 많고 불변성을 직접 관리해야 합니다.
+Reducer는 switch문을 사용하고, Action은 별도로 작성해야 합니다.
+비동기 처리는 redux-thunk나 saga 설정이 필요하며, 학습 난이도가 높고 생산성이 낮습니다.
+
+Redux Toolkit은 코드량이 적고 Immer로 불변성을 자동 처리합니다.
+Reducer는 createSlice로 간결하게 작성할 수 있고, Action은 자동 생성됩니다.
+비동기 처리도 createAsyncThunk로 간단하며, 학습이 쉽고 생산성이 높습니다.
+
+---
+
+# Redux Toolkit 사용법
+
+## Provider
+
+`Provider`는 `react-redux` 라이브러리에서 제공하는 핵심 컴포넌트로, Redux와 React를 연결할 때 가장 상위에 위치해야 합니다.
+`Provider`는 Redux의 상태 저장소(Store)를 React 애플리케이션의 모든 컴포넌트가 접근할 수 있도록 제공합니다.
+즉, React 컴포넌트 트리 전체에서 store에 저장된 상태를 읽거나 변경할 수 있게 하는 역할을 합니다.
+사용 시 반드시 `store`라는 props를 전달해야 합니다.
+
+```tsx
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { Provider } from 'react-redux';
+import store from './store';
+import App from './App';
+
+ReactDOM.render(
+
+
+ ,
+);
+```
+
+## configureStore
+
+`configureStore`는 Redux store를 생성하는 함수로, 기존 Redux의 `createStore`를 감싸 더 좋은 기본 설정(Good Defaults)을 제공합니다.
+
+- 여러 개의 slice reducer를 객체 형태로 넣으면 자동으로 하나의 root reducer로 합쳐줍니다.
+- Redux 개발자 도구를 별도 설정 없이 바로 사용할 수 있습니다.
+- 비동기 작업 처리를 위해 필요한 `redux-thunk` 미들웨어가 기본으로 포함되어 있습니다.
+
+```tsx
+import { configureStore } from '@reduxjs/toolkit';
+import userReducer from './userSlice';
+import postsReducer from './postsSlice';
+
+const store = configureStore({
+ reducer: {
+ // 객체 형태로 넣어주면 자동으로 하나로 합쳐줍니다.
+ user: userReducer,
+ posts: postsReducer,
+ },
+});
+
+export default store;
+```
+
+이를 통해 Redux를 보다 간단하고 안정적으로 설정할 수 있습니다.
+
+## createSlice
+
+`createSlice`는 액션(Action)과 리듀서(Reducer)를 한 번에 정의할 수 있게 해주는 함수입니다.
+슬라이스 이름, 초기 상태값, 그리고 리듀서 객체를 전달하면, Redux 상태 관리에 필요한 모든 기본 구성 요소를 자동으로 생성합니다.
+
+- 정의한 리듀서만으로 Action Type, Action Creator, Reducer를 모두 자동 생성합니다.
+- 내부적으로 Immer 라이브러리를 사용하여, 복잡한 불변성 유지 로직 없이도 상태를 안전하게 변경할 수 있습니다.
+ 예를 들어, `state.value = 1`과 같이 직접 상태를 수정하는 것처럼 보여도 실제로는 불변성이 유지됩니다.
+
+## useSelector
+
+`useSelector`는 store 안의 상태를 조회하는 훅(Hook)입니다.
+
+- `Provider`를 통해 공급된 store에서 필요한 부분만 선택적으로 가져올 수 있습니다.
+- store의 해당 데이터가 변경되면, 이 데이터를 사용하는 컴포넌트는 자동으로 리렌더링되어 UI가 갱신됩니다.
+- `useSelector`의 인자로 들어오는 state는 store에 저장된 모든 상태를 의미하며, 필요한 slice의 값만 선택해서 가져오면 됩니다.
+
+## useDispatch
+
+`useDispatch`는 store에 액션을 전달(Dispatch)하여 상태를 변경할 수 있게 해주는 훅입니다.
+
+- `useDispatch`를 호출하면 `dispatch` 함수를 반환받습니다.
+- 이벤트(버튼 클릭 등)가 발생했을 때, `dispatch(액션)` 형태로 전달하면 store의 reducer가 해당 액션을 처리하고 상태를 변경합니다.
+- `createSlice`로 생성한 action creator와 함께 사용하면 직관적이고 간결하게 상태 변경을 관리할 수 있습니다.
+
+```tsx
+import React from 'react';
+import { useDispatch } from 'react-redux';
+// 액션 함수를 가져옵니다.
+import { increment } from './counterSlice';
+
+export function CounterButton() {
+ // dispatch 함수를 가져옵니다.
+ const dispatch = useDispatch();
+
+ return (
+ // 버튼을 누르면 'increment' 요청을 전달합니다.
+
+ );
+}
+```
+
+## createAsyncThunk
+
+`createAsyncThunk`는 서버 API 호출과 같이 비동기 작업을 처리하는 액션을 간편하게 만들어주는 함수입니다.
+Redux는 기본적으로 동기적이므로, 비동기 작업을 처리하려면 Thunk를 사용해야 합니다.
+
+- 비동기 작업의 상태를 `pending`, `fulfilled`, `rejected` 세 가지 액션으로 자동으로 분리합니다.
+- 비동기 로딩 상태나 오류 처리 로직을 쉽게 관리할 수 있습니다.
+- slice의 `extraReducers`에서 이 상태들을 처리하여 UI 업데이트에 활용할 수 있습니다.
+
+## createEntityAdapter
+
+`createEntityAdapter`는 ID 기반 데이터 리스트를 효율적으로 관리할 수 있게 도와주는 도구입니다.
+
+- 데이터를 정규화(normalization)하여 `{ ids: [], entities: {} }` 형태로 관리합니다.
+- CRUD 관련 기본 함수들을 제공하여, find나 map을 사용하지 않고도 데이터 추가, 수정, 삭제를 빠르게 수행할 수 있습니다.
+- 복잡한 데이터 구조를 다루거나, 대규모 리스트를 처리할 때 성능과 코드 간결성에 큰 도움이 됩니다.
+
+---
+
+# Zustand 이해
+
+Zustand는 React 상태 관리 라이브러리로, Props Drilling 문제를 해결하기 위해 등장한 Redux나 Context API의 복잡성과 반복적인 코드 작성 문제를 보완하기 위해 만들어졌습니다. 단순하고 직관적이며, 성능 최적화가 용이하다는 장점을 갖고 있습니다.
+
+## Zustand의 특징
+
+- 앱 전체를 감싸는 Provider가 필요하지 않습니다.
+- store를 생성하고 상태와 변경 함수를 정의하는 최소한의 코드로 동작합니다.
+- 구독한 데이터가 변할 때만 컴포넌트가 리렌더링되어 성능 최적화에 유리합니다.
+- 상태와 상태를 변경하는 함수인 액션을 한 곳에서 관리할 수 있습니다.
+
+## Zustand를 사용하는 이유
+
+- Redux와 달리 액션 타입, 액션 생성자, 리듀서를 따로 작성할 필요가 없습니다. 상태 정의와 변경 함수를 한 곳에서 관리할 수 있어 읽기와 수정이 쉽습니다.
+- Context API와 달리, 필요한 데이터만 선택적으로 구독할 수 있어 다른 데이터가 바뀌더라도 불필요한 리렌더링이 발생하지 않습니다.
+- 최상위 컴포넌트에 여러 Provider를 감싸는 구조를 단순화할 수 있습니다. Zustand는 store 훅을 직접 import하여 사용하면 되므로 앱 구조가 직관적으로 바뀝니다.
+
+```tsx
+
+
+
+
+
+
+
+
+
+```
+
+- React 컴포넌트 외부에서도 상태에 접근하고 변경할 수 있어, 일반 자바스크립트 파일에서도 상태 관리를 수행할 수 있습니다.
+
+## Zustand 기본 사용법
+
+store 만들기
+```tsx
+import { create } from 'zustand'
+
+// useStore라는 훅 생성.
+const useStore = create((set) => ({
+ count: 0, // 상태(State)
+ increase: () => set((state) => ({ count: state.count + 1 })), // Action
+ removeAll: () => set({ count: 0 }),
+}))
+```
+
+컴포넌트에서 사용하기
+```tsx
+function Counter() {
+ // 스토어에서 필요한 상태만 가져옵니다
+ const count = useStore((state) => state.count)
+ const increase = useStore((state) => state.increase)
+
+ return (
+