블로그 이미지

Gicomong (Lux)

  • 분류 전체보기 N
    • 개발 기술 N
      • 사소하지만 놓치기 쉬운 개발 지식 N
      • css 애니메이션 (with js)
      • 개발 이야기
      • jest로 테스트하자
      • 함수형 프로그래밍
      • 타입스크립트
    • 사용자의 접근성 높이는 방법
      • W3C 기준
    • 조직 문화
    • 이번엔 이 공부 끝내겠다 시리즈
      • 테스트코드
      • github actions
      • 정규표현식
    • 라이브러리 파헤치기
    • error log
    • 주저리
Visits

Mong dev blog

  • 관리
  • 글쓰기
  • 방명록
  • 로그인
  • 로그아웃

inject1

[Vue] prop drilling을 예방하는 Provider Pattern 알아보기
0. 들어가기에 앞서… Vue와 React는 컴포넌트 기반으로 작동하며, 컴포넌트 간에 데이터를 전달할 때 props를 사용한다. props는 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때 사용하는데, 자식 컴포넌트는 전달받은 데이터를 사용하여 뷰를 업데이트한다. 그러나 때로는 여러 개의 중간 컴포넌트를 거쳐야 하는 경우가 있다. 예를 들어, 부모 컴포넌트에서 데이터를 전달할 때 그 데이터를 사용하는 컴포넌트가 매우 깊은 계층에 위치해 있다면, 중간 컴포넌트를 거치는 과정이 필요한 것이다. 이 경우에는 중간 컴포넌트로 데이터를 전달하기 위해 props를 여러 계층을 거쳐 넘기는데 이를 Prop drilling이라고 한다. 이번 시간에는 Prop drilling 의 단점과 이를 예방할 수 있는 pr..
2023. 9. 30.
이전 1 다음

티스토리툴바