본문 바로가기 메뉴 바로가기

Purple Programming

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Purple Programming

검색하기 폼
  • 전체글 (11)
    • Programming (11)
      • IT 기타 (1)
      • DB (2)
      • JAVA (0)
      • Javascript (1)
      • React (5)
      • Git, GitHub (1)
      • HTML, CSS (0)
      • Node.js (0)
      • PHP (0)
      • 주절주절 (1)
    • Projects (0)
      • ... (0)
    • Library (0)
      • Literature (0)
      • Humanities (0)
  • 방명록

React (1)
React.memo() - props가 복잡한 object일 때

React.memo() 는 언제 사용하는가 리액트에서 memo 는 불필요한 컴포넌트 렌더링을 줄여 성능을 향상하는 좋은 기능이다. memo는 Higher-Order Components 이다 memo는 API가 아니라, 기존의 컴포넌트를 새로운 컴포넌트로 바꾸어주는 것이다. 컴포넌트가 렌더될 때 이전 props와 같은 props라면 memo로 감싸주자. 그러면 메모리에 저장된 props와 비교해서 리렌더링이 필요없을 때는 스킵할 수 있다. memo 는 props만 체크하기 때문에 , memo에 감싸진 컴포넌트 안의 다른 hooks가 기능한다면 props가 변하지 않았더라도 렌더링 된다. props가 복잡한 object일 때 React.memo는 props를 shallowly compare(얕은 수준에서 비..

Programming/React 2022. 4. 24. 21:20
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 프로그래밍 해볼까
TAG
  • 웹뷰 디버깅
  • 하나의행
  • React
  • 하이브리드앱 디버깅
  • 컴포넌트
  • autocommit
  • Repository
  • 깃레포
  • memo props
  • 원격주소변경
  • 화살표함수괄호
  • sameSte
  • useMemo
  • 리액트youtube
  • vscode
  • 안드로이드 웹뷰 크롬
  • react youtube api
  • memo 동작안함
  • 리액트
  • GIT
  • mariadb
  • react.memo
  • 깃레포변경
  • youtube api
  • mysql rollback
  • autocommit=0
  • props
  • Join
  • mysql commit
  • 화살표함수
more
«   2025/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바