728x90 반응형 useMemo2 [React.js] 7주차 - 성능 최적화: useMemo, useCallback, useContext, React.memo 1. useReducer 컴포넌트 내부에 새로운 State 를 생성하는 리액트 훅으로 모든 useState 는 useReducer 로 대체 가능하다. 그렇다면 useReducer 와 useState 가 다른 점이 무엇일까? -> useState 를 사용하면 컴포넌트 내부에 상태관리 코드를 작성해야 하지만, useReducer 를 사용하면 컴포넌트 내부에 State 생성만 해놓고 실제 State 를 관리하는 코드는 컴포넌트 외부에 작성할 수 있다. 1.1. useReducer 사용하기 useReducer 훅의 첫 번째 인자로 상태를 실제로 변화시켜주는 reducer 함수가 들어가고, 두번째 인자로는 현재의 상태(State) 값이 들어간다.const [state, dispatch] = useReducer.. 2024. 11. 26. [React+JS/리액트] 웹 스터디 11주차 성능개선1: 개발자도구 & lazy import props 를 보냈는데 출력이 안된다거나 이미지를 넣었는데 안보이는 버그같은게 생기면 개발자도구를 켜서 Elements 탭을 살펴보면된다.이 탭에서는 내가 짠 코드가 실제 html css 로 변환되어 보여지는데, 컴포넌트로 보고 싶다면 리액트 개발자도구를 설치해서 보면된다. - 크롬 확장 프로그램: React Developer Tools 설치하러가기 Chrome Web Store브라우저에 새로운 기능을 추가하고 탐색 환경을 맞춤설정합니다.chromewebstore.google.com 크롬 웹스토어에 들어가서 React Developer Tools 을 검색하고 설치한 뒤에 개발자도구에 들어가면 Components 탭이 생기는데, 여기서 개발중인 리액트사이.. 2024. 7. 12. 이전 1 다음 728x90 반응형
