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 |
Tags
- 주간 회고
- virtual DOM
- F-Lab
- context api
- 인프런 멘토링
- React
- 프론트엔드
- 전역 상태 관리
- 가상돔
- Frontend
- F-Lab 오티
- 모노레포
- 패스트캠퍼스
- javascript
- Prettier
- 패캠
- 마이크로프론트엔드
- TDD
- Reconsiliation
- F-Lab 회고
- ESLint
- aws s3
- Jest Matchers
- 데이터 타입
- jest
- 비동기 테스트
- CICD
- 에프랩
- github actions
- Husky
Archives
- Today
- Total
목록React (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