미래의 나를 위한 기록

미래의 나를 위한 기록

  • 내가 보려고 하는 기록:) (74)
    • Amazing Day (4)
      • 일상 (1)
      • 오늘 나는 무얼 배웠나 (3)
    • programming (69)
      • C# (4)
      • HTML (0)
      • CSS (7)
      • SCSS (3)
      • Javascript (18)
      • Vue.js & Nuxt.js (9)
      • React.js (5)
      • React-query (1)
      • Algorithm (8)
      • Webpack (2)
      • 포트폴리오 하면서 (1)
      • Node.js (7)
      • JQuery (0)
      • 사이드 프로젝트 스터디 (1)
      • 유인동 함수형 프로그래밍 스터디 (2)
    • Level UP🔥 (1)
      • 정보보안기사 (1)
  • 홈
  • 태그
  • 방명록
RSS 피드
로그인
로그아웃 글쓰기 관리

미래의 나를 위한 기록

컨텐츠 검색

태그

PROJECT100 web 개발자 React 객체지향프로그래밍 매일 글쓰기 javascript 프로그래머스 매일글쓰기 useMemo scss node.js 카카오 객체지향 useCallback kakao 프로젝트100 우리동네이야기 해시알고리즘 알고리즘

최근글

댓글

공지사항

아카이브

useMemo(2)

  • [다시] 메모이제이션 Hooks (useMemo Vs useCallback)

    useCallback과 useMemo는 모두 React에서 메모이제이션을 위해 사용하는 Hook이지만, 그 용도와 대상이 다르다. 1. 메모이제이션의 대상useCallback: 특정 함수(function)를 메모이제이션 -> 컴포넌트가 리렌더링될 때 동일한 함수 인스턴스를 재사용하고 싶을 때 사용 useMemo: 특정 값(value)을 메모이제이션  -> 연산 결과를 저장하여 불필요한 재계산을 방지하고 싶을 때 사용 2. 사용 목적 ✅ useCallback: 자식 컴포넌트에 전달되는 함수가 불필요하게 다시 생성되지 않도록 최적화하기 위해 사용합니다. 특히, 자식 컴포넌트가 React.memo로 감싸져 있을 때 효과적예시:const memoizedCallback = useCallback(() => { d..

    2025.03.14
  • [다시] React Hooks + TypeScript

    1. useState와 TypeScript상태(state)의 타입을 명시✅ 기본 타입 지정 (string, number, boolean 등)import { useState } from "react";function Counter() { const [count, setCount] = useState(0); return ( Count: {count} setCount(count + 1)}>+ );}✅ 객체 상태 관리 (interface 사용)interface User { name: string; age: number;}function UserProfile() { const [user, setUser] = useState(null); return ( ..

    2025.03.14
이전
1
다음
티스토리
© 2018 TISTORY. All rights reserved.

티스토리툴바