loginslice.ts

전체 코드

//슬라이스 생성 액션과 리듀서를 생성하는 데 사용
import { createSlice } from "@reduxjs/toolkit";

// 초기 상태는 로그인되지 않은 상태로 가정
const initialState = {
  user: null,
};

const loginReducer = createSlice({
  name: "login", //슬라이스 이름
  initialState, //초기값
  reducers: {
    //state는 현재 상태의 state, action은 데이터
    setUser: (state, action) => {
      state.user = action.payload; // 로그인 후 사용자 정보 업데이트
    },
    clearUser: (state, action) => {
      state.user = null; // 로그아웃 시 사용자 정보 초기화
    },
  },
});

export const { setUser, clearUser } = loginReducer.actions;

export default loginReducer.reducer;

로그인 한 유저의 정보가 state에 담는 코드