CASSIE'S BLOG

Redux는 기능 구현을 위해 짜야 하는 보일러플레이트 코드가 많았다. 일단 Action들을 처리해줄 Reducer를 구성 인덱스 파일 안에 앱 구성요소를 표시하고 있는 곳을 찾을 수 있다. 앱 구성요소를 래핑할 수 있다. 이제 앱 구성요소와 그 하위요소 모두가 값 5 프로펄티에 액세스 할 수 있다. 이 안쪽에 있다. **D:\personal\udemy-modern-react-workspace\002_context\src\index.js import './index.css'; import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; import BooksContext from './context/..

1. 개요 useMemo와 useCallback이라고 하는 hook 함수가 있지만 둘의 개념을 살펴보면 두 함수다 비슷한 역할을 가지고 있는 것 같아, 언제 어느 상황에 useMemo 또는 useCallback을 써야할지 판단을 하기 위해 정리를 해보려고 합니다. (심지어 useCallback 안에 useMemo를 쓰는 경우도 있었음) 2. Memoization 먼저 메모이제이션이라고 하는 개념에 대해 확실히 알아가야하는데, 메모이제이션은 기존에 수행한 연산의 결과값을 어딘가에 저장해두고 동일한 입력이 들어오면 재활용하는 프로그래밍 기법입니다. 이것을 적절하게 활용하면 중복 연산을 피할 수 있기 때문에 메모리를 조금 더 쓰더라도 애플리케이션의 성능을 최적화 할 수 있습니다. 3. useMemo useMe..

https://nukw0n-dev.tistory.com/14 [React.js] useRef와 useState의 용도와 차이 서론 리액트에서 ref와 state의 차이점은 무엇인가? 면접에서 위와 같은 질문을 받았다. 나는 ref 를 특정 DOM 엘리먼트를 가리키는 용도로만 사용해왔기에 이 질문의 의도를 파악하지 못했다. 본질 nukw0n-dev.tistory.com 잘 정리해놓음 useRef useRef 는 단순 DOM 엘리먼트를 지정하는데만 사용되지 않는다. useRef 를 통해 클래스의 멤버 변수와 비슷한 역할을 하게 만들 수 있다. state 와 달리 값의 변화에 의한 리렌더링이 발생하지 않는다. current 라는 속성을 통해 어느 값이든 보유할 수 있는 일종의 컨테이너 역할을 할 수 있다. 함..

React - package.json 과 package-lock.json 이란 npm npm stands for Node Package Manager. It’s a library and registry for JavaScript software packages. npm also has command-line tools to help you install the different packages and manage their dependencies. npm은 Node Package Manager의 약자입니다. JavaScript 소프트웨어 패키지용 라이브러리 및 레지스트리입니다. npm에는 다양한 패키지를 설치하고 해당 종속성을 관리하는 데 도움이 되는 명령줄 도구도 있습니다. Node.js는 설치하는 경..