코딩하는 경제학도
  • 홈
  • 태그
  • 방명록
    • 분류 전체보기 (267)
      • # 공부 자료들 (64)
        • C++ (2)
        • C++ STL (3)
        • Kotlin (1)
        • Java (4)
        • JavaScript (9)
        • TypeScript (1)
        • Android (1)
        • Python (1)
        • SQL (3)
        • Git (6)
        • Docker & Kubernetes (0)
        • HTML CSS (6)
        • React (11)
        • 알고리즘 (1)
        • 자료구조 (6)
        • 기타 (9)
      • # 학습 내용 정리 (118)
        • 알고리즘분석(Python) (12)
        • 객체지향프로그래밍(C++) (16)
        • 프로그래밍논리적사유연습(C) (10)
        • JSClock CloneCoding(JS) (6)
        • Paint CloneCoding(JS) (4)
        • Zoom CloneCoding(JS) (10)
        • 부스트캠프챌린지 학습정리(JS) (24)
        • 생활코딩 JAVA1(JAVA) (28)
        • 코딩앙마 TypeScript 강좌(TS) (8)
      • # 알고리즘 문제풀이 (PS) (36)
        • 백준 (Solved.ac) (1)
        • 프로그래머스 (35)
      • # 토이 프로젝트 (20)
        • 쿠챌린저스 (9)
        • 황금캐기게임 (11)
      • # 주저리주저리 (29)
        • 가끔 하고 싶은 뻘소리 (9)
        • 블로그 업데이트 (14)
        • 부스트캠프멤버십 (6)
  • 글작성
  • 방명록
  • 환경설정
  • 메뉴 닫기
memo 검색 결과
1 개의 검색 결과가 있습니다.
# 공부 자료들/React

[React] 알고 쓰면 피가 되고 살이 되는 React.memo, 그리고 Key와의 관계?

3월 이맘때쯤, 반복되는 요소들을 출력할 때 React.memo를 사용하면 보다 효율적으로 렌더링할 수 있다는 이야기를 듣고 여러 가지로 테스트를 해본 적이 있습니다. 단순히 React.memo를 사용하는 것 자체를 이해하는 것은 크게 어렵지 않았습니다. 하지만 Key값이 들어가니 갑자기 헷갈리기 시작했습니다. 같은 위치가 아니라서 밀려 내려가면, 새롭게 렌더링 되는게 아닌가? 라는 생각이 들었습니다. (결론부터 말하자면 React.memo와 Key는 쓰임새가 조금 다릅니다!) 그래서 직접 테스트를 하면서 익힌 내용을 간단하게 글로 정리해보려고 합니다. (많은 자료들을 통해 최대한 검증하려고 노력하였으나, 그럼에도 틀린 부분이 있다면 언제든지 가차없이 댓글을 남겨주시면 빠르게 수정하도록 하겠습니다!!) ..

2022. 4. 23. 21:03
  • «
  • 1
  • »

공지사항

  • 반갑습니다 :)

이메일 문의

  • dlscjs8646@gmail.com

전체 카테고리

  • 분류 전체보기 (267)
    • # 공부 자료들 (64)
      • C++ (2)
      • C++ STL (3)
      • Kotlin (1)
      • Java (4)
      • JavaScript (9)
      • TypeScript (1)
      • Android (1)
      • Python (1)
      • SQL (3)
      • Git (6)
      • Docker & Kubernetes (0)
      • HTML CSS (6)
      • React (11)
      • 알고리즘 (1)
      • 자료구조 (6)
      • 기타 (9)
    • # 학습 내용 정리 (118)
      • 알고리즘분석(Python) (12)
      • 객체지향프로그래밍(C++) (16)
      • 프로그래밍논리적사유연습(C) (10)
      • JSClock CloneCoding(JS) (6)
      • Paint CloneCoding(JS) (4)
      • Zoom CloneCoding(JS) (10)
      • 부스트캠프챌린지 학습정리(JS) (24)
      • 생활코딩 JAVA1(JAVA) (28)
      • 코딩앙마 TypeScript 강좌(TS) (8)
    • # 알고리즘 문제풀이 (PS) (36)
      • 백준 (Solved.ac) (1)
      • 프로그래머스 (35)
    • # 토이 프로젝트 (20)
      • 쿠챌린저스 (9)
      • 황금캐기게임 (11)
    • # 주저리주저리 (29)
      • 가끔 하고 싶은 뻘소리 (9)
      • 블로그 업데이트 (14)
      • 부스트캠프멤버십 (6)
  • 최근 글
  • 최근 댓글

최근 글

최근댓글

블로그 인기글

태그

  • #React
  • #파이썬
  • #알고리즘분석
  • #알고리즘
  • #Java
  • #Python
  • #생활코딩
  • #황금캐기게임
  • #프로그래머스
  • #JavaScript
  • #pygame
  • #level3
  • #부캠챌린지
  • #노마드코더
  • #줌클론코딩
  • #프논사
  • #부스트캠프
  • #level2
  • #goldminer
  • #부캠
  • #토이프로젝트
  • #C++
  • #학습정리
  • #TypeScript
  • #코테연습
  • #파이게임
  • #객체지향프로그래밍
  • #게임제작
  • #클론코딩
  • #수업정리
더보기+

전체 방문자

오늘
어제
전체
Powered by Privatenote/라이프코리아 Copyright © 코딩하는 경제학도 All rights reserved. TistoryWhaleSkin3.4

티스토리툴바