개발 일기

개발 일기

  • 분류 전체보기 (49)
    • Web (36)
      • Vue.js (7)
      • React.js (16)
      • JSP (1)
      • Spring (7)
      • Mybatis (1)
      • JPA (4)
    • Server (3)
      • Node.js (2)
      • Tomcat (0)
      • Linux (1)
      • REST API (0)
    • Data Base (4)
      • Mysql (0)
      • OracleDB (0)
      • SQLD (4)
    • Language (6)
      • Java (0)
      • Python (6)
  • 홈
  • 태그
  • 방명록
RSS 피드
로그인
로그아웃 글쓰기 관리

개발 일기

컨텐츠 검색

태그

useSearchParams 상태관리 React Page Routing Vue3 quill editor quill-editor JPA Vue.js 크롤링 Props react.js 합성 이벤트 김영한 네이버 쇼핑 API CoustomHook ORM install err state Python Context 분리하기 엑셀

최근글

댓글

공지사항

아카이브

Context 분리하기(1)

  • [React.js] React Context

    React Context 란 컴포넌트간의 데이터를 전달하는 또 다른 방법 기존의 Props가 가지고 있던 단점을 해결할 수 있음 Props의 단점은 부모에서 자식으로만 데이터를 전달할 수 있었다 App → ChildA → ChildB 이런 식의 부모자식을 갖는 컴포넌트가 App 컴포넌트에서 바로 ChildB에게 Props를 전달할 수가 없고 ChilA를 거쳐서 Props를 전달해야 했다. 최상위 컴포넌트에 존재하는 함수들을 Context (데이터 보관소 {객체}) 보관해 놓으면 Props를 이용하지 않고 Context를 통해서 필요한 데이터를 직통으로 공급해 줄 수 있다. Context 사용하기 ※특별한 경우가 아니면 Context함수는 컴포넌트 외부에 선언한다. export const TodoConte..

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

티스토리툴바