dev-hpk 님의 블로그

  • 홈
  • 태그
  • 방명록

useContext 1

[React] 리액트 Context

React에서 useContext Hook은 컴포넌트 트리의 깊은 곳에 있는 컴포넌트에 데이터를 직접 전달할 수 있게 해 줍니다. React에서 context를 사용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있어 편리합니다.   Context - 컴포넌트 간 데이터 공유의 효율적인 방법 목차 1. Context란? 2. useContext 사용법 3. useContext로 불필요한 Props 드릴링 제거 4. useContext로 글로벌 상태 관리 5. Context Api를 언제 사용할까?마무리추천글위의 목차를 클릭하면 해당 글로 자동 이동 합니다. 1. Context란?Context는 React 애플리케이션에서 전역 데이터를 관리하고 공유할 수 있는 ..

React 2024.10.07
이전
1
다음
더보기
  • 분류 전체보기 (173)
    • JavaScript (25)
    • React (22)
    • Git (4)
    • TypeScript (6)
    • ETC (3)
    • Next (8)
    • CS (6)
    • 코딩 테스트 (59)
      • 프로그래머스(LV1) (28)
      • 프로그래머스(LV2) (30)
    • 프로젝트 (40)
      • React+TypeScript (3)
      • Next+TypeScript (33)

Tag

사이드 프로젝트, 모던 자바스크립트, javascript, 알고리즘, 리액트, 프로젝트, react, js, 프로그래머스, 자바스크립트, TS, Next, 개발, Next.js, typescript, 카카오, 프론트엔드, LV1, API, 코딩 테스트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

방문자수Total

  • Today :
  • Yesterday :
  • 분류 전체보기 (173)
    • JavaScript (25)
    • React (22)
    • Git (4)
    • TypeScript (6)
    • ETC (3)
    • Next (8)
    • CS (6)
    • 코딩 테스트 (59)
      • 프로그래머스(LV1) (28)
      • 프로그래머스(LV2) (30)
    • 프로젝트 (40)
      • React+TypeScript (3)
      • Next+TypeScript (33)

Tag

사이드 프로젝트, 모던 자바스크립트, javascript, 알고리즘, 리액트, 프로젝트, react, js, 프로그래머스, 자바스크립트, TS, Next, 개발, Next.js, typescript, 카카오, 프론트엔드, LV1, API, 코딩 테스트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

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

방문자수Total

  • Today :
  • Yesterday :

티스토리툴바