Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- CICD
- 모노레포
- F-Lab 회고
- virtual DOM
- 패스트캠퍼스
- Jest Matchers
- 인프런 멘토링
- 비동기 테스트
- 프론트엔드
- 에프랩
- jest
- aws s3
- context api
- 데이터 타입
- F-Lab 오티
- ESLint
- Prettier
- github actions
- 패캠
- 마이크로프론트엔드
- 주간 회고
- F-Lab
- Frontend
- javascript
- Reconsiliation
- 가상돔
- Husky
- React
- 전역 상태 관리
- TDD
Archives
- Today
- Total
목록context api (1)
bytrustu tech blog
[React] Context API 이해하기
전역 상태관리 링크 React의 Context API 는 컴포넌트 트리 안에서 전역적으로 접근 가능한 데이터를 관리할 수 있는 방법을 제공한다. 이것은 컴포넌트가 상위 컴포넌트에게서 Props를 전달받아야 하는 경우보다 편리하게 전역 상태를 관리할 수 있게 해 준다. Props로 데이터를 전달할 경우 발생할 수 있는 문제 리액트는 컴포넌트에게 데이터를 전달해주어야 할 때 Props를 통해 전달한다. 부모와 자식 컴포넌트 간의 depth가 깊어질수록 여러 컴포넌트를 거쳐 연달아서 Props를 설정해주어야 하는 불편함이 있다. 이러한 경우를 Props Drilling이라고 부른다. Context API는 이와 같은 문제해결을 하기 위해 Context를 생성하여 컴포넌트 계층 간의 데이터 전달을 쉽게 해주는 ..
React
2023. 1. 1. 00:23