리액트

Dom요소에 접근을 위해 사용이 되는 React hooks 이다. Ref는 reference의 약자로 '참조'라는 뜻이며 참조한 값을 저장하고 있는 공간이다. useState는 state값이 바뀌면 컴포넌트를 재렌더링 시킨다. 하지만 useRef 는 값이 아무리 변경되

useMemo > - memoization: 먼저 메모이제이션이라고 하는 개념에 대해 확실히 알아가야하는데, 메모이제이션은 기존에 수행한 연산의 결과값을 어딘가에 저장해두고 동일한 입력이 들어오면 재활용하는 프로그래밍 기법입니다. 이것을 적절하게 활용하면 중복 연산을

useCallback()은 함수를 메모이제이션(memoization)하기 위해서 사용되는 hook 함수입니다. 첫번째 인자로 넘어온 함수를, 두번째 인자로 넘어온 배열 내의 값이 변경될 때까지 저장해놓고 재사용할 수 있게 해줍니다.useEffect와 비슷하게 첫번째 인

Redux Toolkit = RTK RTK를 이해하기 위해서는 Redux를 먼저 잘 이해하고 있어야 한다.Redux를 편하게 사용하기 위해 나온 Redux Toolkit 여기서 데이터 바인딩이랑 개념이 나온다. 데이터 바인딩이란??두 데이터 혹은 정보의 소스를 일치시키

Redux toolkit

createAsyncThunk로 돌아왔습니다. 비동기 동작을 제어하기 위해 만들어진 함수다. 액션 타입 문자열과 프로미스를 반환하는 콜백 함수를 인자로 받아서 주어진 액션 타입을 접두어로 사용하는 프로미스 생명 주기 기반의 액션 타입을 생성합니다. 전편에서 create

드디어 리액트 쿼리 제대로 공부해서 블로그 쓴다. 우선 가볍게 api 만들어서 데이터를 받아오기 위해서 MSW를 사용해 봤다. MSW 세팅 npm install msw --save-dev mkdir src/mocks (src 폴더 내에 mock폴더 생성) brows

A unique key for the query (유니크하다)A function that returns a promise that: \- Resolves the data, or \- Throws an error프로미스다.Array keys (배열이다.)배열의 첫번째 인

keepPreviousData 옵션 새로요청이 될때까지 예전 데이터를 저장하고 새로운 데이터가 오면 업데이트한다 라는 옵션이다. 컴포넌트 자체를 바꿀때 유용하게 쓸 수 있다. infinite Queries 무한스크롤 구현할 때 유용하게 쓸 수 있다.

주행속도 마다 경고 메세지를 띄워야 하는 상황이 있다.코드가 반복되고 굳이 switch문, if else문 말고는 조건을 처리하는 방법은 없는건가??라는 생각이 들었고 유튜브에서 매핑관계를 하나 만들고 비즈니스 로직을 담당하는 함수를 만들어서 분기(?)처리를 하는 영상