본문 바로가기 메뉴 바로가기

김도리의 개발자로서 성장기

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

김도리의 개발자로서 성장기

검색하기 폼
  • 분류 전체보기 (59)
    • 인프라 (31)
    • server (4)
      • SpringBoot (1)
      • node.js (3)
    • 탐방 (5)
    • Web (18)
    • iOS (1)
  • 방명록

provider (1)
[React] Context API

Context API란? 컴포넌트간 공동으로 사용해야할 데이터가 있다면 props를 사용했었다. props로만 데이터에 전달할 때 깊이가 깊어지면 여러 컴포넌트를 거쳐 받아야해서 불편하고 실수할 가능성이 커진다. 이렇게 리액트 프로젝트 내에서 전역적으로 사용할 데이터가 있을 때 유용한 기능이 Context API이다. 리덕스, 리액트 라우터, styled-components 등의 리액트 라이브러리들도 Context API 기반으로 구현되어 있다. 기존에는 최상위 컴포넌트에서 여러 컴포넌트를 거쳐 props로 원하는 상태와 함수를 전달했지만, Context API를 사용하면 Context를 만들어 단 한번에 원하는 값을 받아와서 사용할 수 있다. Context API 사용법 1. 새 Context 만들기 ..

Web 2022. 10. 21. 18:05
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • Workflow
  • Grafana Alert
  • 서버
  • AWS
  • RDS
  • github action
  • VPC
  • 로깅
  • redux
  • springboot
  • LOKI
  • react
  • html
  • EC2
  • javascript
  • 인프라
  • CSS
  • Grafana
  • ci/cd
  • Service
  • ECS
  • SG
  • Docker
  • js
  • 리액트
  • ALB
  • 모니터링
  • ecr
  • subnet
  • Hook
more
«   2025/05   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바