[패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 26회차 미션 - 30강 React useCallback, React.Memo
useCallback 이전에 만들었던 함수를 새로 만들지 않고 재사용하는 방법에 대해서 알아보자. useMemo랑 비슷한데 함수를 위한 Hook이다. 코드로 알아봐보자.
Recent Posts
[패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 25회차 미션 - 30강 React useEffect, useMemo
useEffect Hook 리액트 화면이 처음 나타날때, 상태가 바뀔때, 랜더링이 될때마다 어떤 작업을 수행할 수 있다. 한번 코드로 확인해보도록 하자. 우선 우리가 만든 UserList가 마운트될때와 언마운트될때 (나타날때, 사라질때) 효과를 줘 볼 것이다. UserLis...
[패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 24회차 미션 - 30강 React 배열항목 제거 및 수정하기
배열항목 제거하기 먼저 기존에 만들어놨던 UserList.js에 onRemove를 추가해보자. UserList.js
[패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 23회차 미션 - 30강 React useRef로 컴포넌트 안의 변수 만들기, 배열에 항목 추가하기
useRef로 컴포넌트 안의 변수 만들기 컴포넌트가 리랜더링 될때마다 계속 기억해야하는 어떠한 값을 관리할때도 사용할 수 있다. 주로 아래와 같은 상황들이 기억해야하는 상황이다. useRef로 관리 하는 값은 컴포넌트가 리랜더링 되더라도 값이 바뀌지 않는다는 것을 알아두어야 한다...
[패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 22회차 미션 - 30강 React useRef로 특정 DOM 선택하기, 배열 렌더링하기
useRef 특정 DOM에 접근하기 위해서는 ref혹은 함수형 useRef를 사용한다. 아까 만들었던 InputSample에서 몇가지만 더 추가해보자. ```javascript import React, { useState, useRef } from ‘react’; //1. use...