본문 바로가기
728x90

코딩애플254

성능개선 2 : 재렌더링 막는 memo, useMemo 보호되어 있는 글 입니다. 2024. 6. 13.
성능개선 1 : 개발자도구 & lazy import 보호되어 있는 글 입니다. 2024. 6. 13.
실시간 데이터가 중요하면 react-query 보호되어 있는 글 입니다. 2024. 6. 13.
localStorage로 만드는 최근 본 상품 기능 2 보호되어 있는 글 입니다. 2024. 6. 12.
[리액트] Redux 사용 (addItem / state.push ) 주문버튼누르면 state에 새로운 상품추가- addItem()detail 페이지에서 주문하기 버튼 누르면 cart.js 에 상품 하나 추가해보기. initialState: [ { id: 0, name: "White and Black", count: 2 }, { id: 2, name: "Grey Yordan", count: 1 }, { id: 1, name: "Red Knit", count: 1 }, // 추가해준 데이터. 이런 식으로 추가하기. ],이런 식으로 배열 데이터 하나 더 추가해주면 됨. addItem() 사용 state 수정함수 addItem() 사용해주기{ id: 1, name: "Red Knit", count: 1 }저 id 를 위에 있는 cart State 에 추가해달라.. 2024. 6. 10.
[리액트] Redux 사용 ( 파일 분할 / addCount / findIndex ) 파일분할let user = createSlice({ name: "user", initialState: { name: "kim", age: 20 }, reducers: { changeName(state) { state.name = "park"; }, increase(state, action) { state.age += action.payload; }, },});store.js 에 있는해당코드가 넘 길어서 따로 파일로 빼고싶을 때1. 따로 store 폴더 만든 다음 userSlice.js 파일 생성하고 import와 exportimport { createSlice } from "@reduxjs/toolkit";let user = createSlice({ nam.. 2024. 6. 10.
728x90