프론트엔드 정복하기

https://velog.io/@raejoonee/createAsyncThunk

createSelector - Selector 의 인자는 Redux State state 의 전체를 가리킨다! 아래 코드를 보면, state 는 state 전체를 가리키는 것을 볼 수 있다! import { createSelector } from '@reduxjs/toolkit' import type { RootState } from '@/store' import type { CreateReportParams } from '@/types/qna/report' const selfState = (state: RootState) => state const selectTarget = ( _state: RootState, target: { id?: number; type: CreateReportParams['ty..

https://pretagteam.com/question/how-to-setstate-inside-useeffect-in-reactjs https://pretagteam.com/question/how-to-setstate-inside-useeffect-in-reactjs pretagteam.com https://velog.io/@jsi06138/React-useEffect-%EB%82%B4%EB%B6%80%EC%97%90%EC%84%9C-setState-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0 1) 렌더링과 관련 없는 것이라면 useRef 를 활용하자! 2) (state)=>{ ... }

https://blog.rhostem.com/posts/2020-03-04-redux-toolkits blog.rhostem.com 프론트엔드 웹 개발 기술 블로그 blog.rhostem.com https://medium.com/geekculture/understanding-createslice-in-redux-toolkit-reactjs-eca8d20f45d7 Understanding createSlice in Redux Toolkit — ReactJS. Redux is an open-source JavaScript library for managing application state. It is most commonly used with libraries such as React or Angular ..

https://dev.to/leoarada/recoil-hook-global-514 Recoil과 hook으로 global 모달 만들기 최근에 회사에서 material UI를 사용해서 admin 사이트를 개발하고 있다. 백엔드에 api를 연동하기 전에 UI 작업을 하던 중에 모달을 사용하는 일이 많아져서, 글로벌 m... dev.to https://www.jayfreestone.com/writing/react-portals-with-hooks/ React Portals with Hooks | Jay Freestone Since [Hooks](https://reactjs.org/docs/hooks-intro.html) have just been introduced into the latest stable ..

데이터 추가 기능 리액트에서 상태를 업데이트할 때는 기존 상태를 그대로 두면서 새로운 값을 상태로 설정해야 합니다. 이를 불변성 유지라고 하는데요. 불변성 유지를 해 주어야 나중에 리액트 컴포넌트의 성능을 최적화할 수 있기 때문에 push함수를 사용하지 않는걸 권장합니다. 1. Spread 연산자 ES6에 새로 추가된 문법으로 ...을 사용해서 배열의 값들을 받아오거나 확장시킬 수 있습니다. 배열이나 문자열과 같이 반복가능한 문자를 0개이상의 인수(함수로 호출할 경우) 또는 요소(배열 리터럴의 경우)로 확장하여 0개 이상의 키 값의 쌍으로 객체로 확장시킬 수 있습니다. const arr = ['a', 'b', 'c']; const arr2 = [1, 2, 3]; console.log([...arr, ....