프론트엔드 개발자. 기록하기, 요가, 등산
태그 목록
- 전체보기(109)
- 주간점검(23)
- JavaScript(14)
- TIL(8)
- react.js(6)
- 토이프로젝트(6)
- Azure(4)
- 클라우드(4)
- React(4)
- FE면접대비(4)
- d3.js(3)
- 월간점검(3)
- 데이터 시각화(3)
- TOAST UI(2)
- django(2)
- React Hooks(2)
- 토이 프로젝트(2)
- figma(2)
- 번역(2)
- svg(2)
- graphql(2)
- 알고리즘(2)
- ES6(2)
- AZ-900(2)
- Firebase(2)
- 사이드프로젝트(2)
- Portal(1)
- ㅃㄷ(1)
- redux thunk(1)
- redux saga(1)
- restful api(1)
- 초미니 프로젝트(1)
- 호이스팅(1)
- three.js(1)
- IT Blog(1)
- memoization(1)
- yarn(1)
- 2022 첫 주간점검 ㅠ.ㅠ(1)
- 블로그 추천(1)
- 삐걱삐걱(1)
- 마이크로프론트엔드(1)
- router(1)
- PaaS(1)
- 퍼블리싱(1)
- 2주점검(1)
- es2015(1)
- 연간점검(1)
- git stash(1)
- 오랜만의 점검(1)
- 오픈소스(1)
- svg애니메이션(1)
- 포트폴리오(1)
- tailwind(1)
- Service Worker(1)
- javascript tutorial(1)
- 프론트엔드 포트폴리오(1)
- 실무에서 Git 활용하기(1)
- this week i learned(1)
- ie(1)
- mongodb(1)
- API 모킹(1)
- 구글블로거(1)
- 계속 업데이트중..(1)
- 스타일 가이드(1)
- 데이터베이스(1)
- this(1)
- 타입정의 자동화(1)
- design(1)
- 크로스 브라우징(1)
- CSS(1)
- 뇌과학(1)
- 조금 이른(1)
- MSW(1)
- Browser API(1)
- 협업(1)
- tailwindCSS(1)
- 영한번역(1)
- 데이터모델링(1)
- ecmascript2015(1)
- 기술블로그(1)
- nosql(1)
- Swagger(1)
- 디자인 패턴(1)
- 스타일가이드(1)
- 웹서비스 기획(1)
- 이번엔 좀 늦었다 ㅎㅎ(1)
- AdMob(1)
- devops(1)
- WebGL(1)
- redux(1)
- swagger-typescript-api(1)
- 3D(1)
- 별 거 없음(1)
- CSS Framework(1)
- 코딩컨벤션(1)
- 서평(1)
- git(1)
- Apollo client(1)
- animation(1)
- nextjs(1)
- front end(1)
- 마이크로프론트엔드 단점(1)
- firestore(1)
- figma svg(1)
- blogger(1)
- 오픈소스에 기여하기(1)
- Toss 개발자 컨퍼런스(1)
- npm(1)
전체보기 (109)주간점검(23)JavaScript(14)TIL(8)react.js(6)토이프로젝트(6)Azure(4)클라우드(4)React(4)FE면접대비(4)d3.js(3)월간점검(3)데이터 시각화(3)TOAST UI(2)django(2)React Hooks(2)토이 프로젝트(2)figma(2)번역(2)svg(2)graphql(2)알고리즘(2)ES6(2)AZ-900(2)Firebase(2)사이드프로젝트(2)Portal(1)ㅃㄷ(1)redux thunk(1)redux saga(1)restful api(1)초미니 프로젝트(1)호이스팅(1)three.js(1)IT Blog(1)memoization(1)yarn(1)2022 첫 주간점검 ㅠ.ㅠ(1)블로그 추천(1)삐걱삐걱(1)마이크로프론트엔드(1)router(1)PaaS(1)퍼블리싱(1)2주점검(1)es2015(1)연간점검(1)git stash(1)오랜만의 점검(1)오픈소스(1)svg애니메이션(1)포트폴리오(1)tailwind(1)Service Worker(1)javascript tutorial(1)프론트엔드 포트폴리오(1)실무에서 Git 활용하기(1)this week i learned(1)ie(1)mongodb(1)API 모킹(1)구글블로거(1)계속 업데이트중..(1)스타일 가이드(1)데이터베이스(1)this(1)타입정의 자동화(1)design(1)크로스 브라우징(1)CSS(1)뇌과학(1)조금 이른(1)MSW(1)Browser API(1)협업(1)tailwindCSS(1)영한번역(1)데이터모델링(1)ecmascript2015(1)기술블로그(1)nosql(1)Swagger(1)디자인 패턴(1)스타일가이드(1)웹서비스 기획(1)이번엔 좀 늦었다 ㅎㅎ(1)AdMob(1)devops(1)WebGL(1)redux(1)swagger-typescript-api(1)3D(1)별 거 없음(1)CSS Framework(1)코딩컨벤션(1)서평(1)git(1)Apollo client(1)animation(1)nextjs(1)front end(1)마이크로프론트엔드 단점(1)firestore(1)figma svg(1)blogger(1)오픈소스에 기여하기(1)Toss 개발자 컨퍼런스(1)npm(1)
[React] Memoization, Portal
Memoization? 기존에 수행한 연산의 결과값을 저장해두고 동일한 입력이 들어오면 재활용하는 기법. Memoized된 내용을 재사용하여 렌더할 시, 가상 DOM에서 바뀐 부분을 확인하지 않아 성능이 향상됨. 1. Redux - useSelector 💊 useSelector로 Redux를 최적화하는 방법 1. useSelector 를 여러번 사용 store에서 객체를 통째로 불러오는 대신, 필요한 값들을 쪼개어서 useSelector로 선언해줌. → number 또는 diff 가 바뀌었을 때만 리렌더링됨. 2. shallowEqual 사용 shallowEqual은 react-redux에 내장되어있는 함수로, 객체 안의 가장 겉에 있는 값들을 비교해줌. 3. equality function 사용 : useSelector 두번째 인자에 equality functio
2021년 2월 8일
·
0개의 댓글·
1