오리너리의 개발 일지
close
프로필 사진

오리너리의 개발 일지

github: @orinery

  • 분류 전체보기 (14)
    • Study (14)
      • HTML (2)
      • CSS (2)
      • REACT (2)
      • JAVASCRIPT (1)
      • GIT & GITHUB (1)
      • PROJECTS (6)
    • Daily (0)
  • 홈
[투두리스트/ React] React Hook을 이용한 렌더링 최적화

[투두리스트/ React] React Hook을 이용한 렌더링 최적화

기존에 만들었었던 투두리스트에 추가적인 react hook들을 배우며 렌더링 최적화를 겸해 공부할겸 코드를 정리했다. (큰 프로젝트는 아니지만 프로젝트가 커질 수록 중요한 부분이라 연습겸...!!)1. useCallback, useReducer, React.memo 활용  기존 코드 (useState 사용)기존에는 useState를 사용하여 상태를 관리했으며, 상태가 변화할 때마다 컴포넌트가 불필요하게 리렌더링되는 문제가 있었습니다. 특히, 자식 컴포넌트들에 props를 전달할 때마다 함수가 새로 생성되어 렌더링 최적화가 어려운 상황이었습니다.변경된 코드 (useReducer, useCallback, React.memo 사용)이제 useReducer로 상태를 관리하고, 상태에 따라 다른 처리를 switc..

  • format_list_bulleted PROJECTS
  • · 2025. 3. 25.
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기 (14)
    • Study (14)
      • HTML (2)
      • CSS (2)
      • REACT (2)
      • JAVASCRIPT (1)
      • GIT & GITHUB (1)
      • PROJECTS (6)
    • Daily (0)
인기 글
전체 방문자
오늘
어제
Copyright © 오리너리 모든 권리 보유.
SKIN: Copyright © 쭈미로운 생활 All rights reserved. Designed by JJuum.
and Current skin "dev-roo" is modified by Jin.

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.