둥글게 둥글게

  • 홈
  • 태그
  • 방명록

리액트 찜하기 기능 1

[React] useCallback()

팀 프로젝트를 진행하면서 '찜하기' 기능을 구현하는 도중에 백엔드 서버로 불필요한 호출이 반복되는 것을 발견하였다. 어떻게 해야 불필요한 호출을 막을 수 있을까 고민하던 중에 팀원 한 분이 useCallback에 대해서 말씀해 주셔서 찾아보았다 🙌🏻 💡 useCallback이란? 👉🏻 react 라이브러리에서 제공하는 훅(Hook)에 해당 👉🏻 함수를 메모이제이션하여 동일한 콜백 함수 인스턴스를 재사용 ✅ 의존성 배열의 값이 변경되지 않는 한, 같은 콜백 함수 인스턴스를 계속해서 사용 가능 👉🏻 아래와 같은 불필요한 함수 생성을 방지 👻 React 컴포넌트가 렌더링 될 때마다 함수들이 새로 생성 ➡️ 해당 함수를 사용하는 다른 컴포넌트도 함께 리렌더링 👻 부모 컴포넌트가 업데이트 되거나 상태값이 변경될 ..

프론트엔드/React 2023.06.15
이전
1
다음
더보기
프로필사진

조유진의 둥근 개발자 일기

  • 분류 전체보기 (199)
    • 프론트엔드 (42)
      • React (5)
      • JAVASCRIPT (11)
      • TYPESCRIPT (1)
      • HTML (7)
      • CSS (8)
      • Next.js (3)
      • 기술블로그 (3)
      • Electron (3)
    • 프로젝트 (19)
      • 개인 프로젝트 (5)
      • 팀 프로젝트 (7)
      • 토이 프로젝트 (7)
    • Git & Github (9)
    • 자료구조 & 알고리즘 (23)
    • 프로그래머스 풀이 (99)
      • level0 (55)
      • level1 (39)
    • 마음가짐 (7)

Tag

프론트엔드 공부, 프로그래머스 level0 문제풀이, 프로그래머스 level1 문제풀이, 프론트엔드스쿨, level1 문제풀이, 개발공부, frontend, js 선형자료구조, HTML, 프로그래머스 문제풀이, 프론트엔드공부, 프로그래머스, 프로그래머스 level1, 프론트엔드, 프론트엔드 프로젝트, js 자료구조, 프로그래머스 level0, 프론트엔드개발자, 제로베이스, 팀프로젝트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • 🙋🏻‍♀️ My GitHub

티스토리툴바