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

오물오물 개발일기

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

오물오물 개발일기

검색하기 폼
  • Category (79)
    • HTML (19)
    • CSS (18)
    • JavaScript (4)
    • React (16)
      • React + Node.js(Express) (7)
    • Vue (8)
    • 기타 (4)
    • 지식 (7)
    • 회고록 (3)
  • 방명록

context api (1)
😋 Context API

🙏 Context API란? 리액트 16.3부터 정식 릴리즈된 컴포넌트의 레벨과는 상관없이 props를 자유롭게 사용가능하게하는 Hooks이며 state management입니다. 1. 😋 맛보기 아래와 같은 컴포넌트 구조를 가진 사이트가 있다고 가정하여봅시다. state의 value값을 보여주는 컴포넌트는 F와 J라고 가정하고 값을 변화시키는 이벤트는 G 컴포넌트에서 발생한다는 가정 할 경우 value는 F컴포넌트까지 해당 value를 사용하지도 않는 A,B라는 컴포넌트의 props를 거쳐야합니다. handleSetValue()또한 A, B, E 컴포넌트동안 props를 전달받아야 최종 G컴포넌트에 전달이 됩니다. 이러한 문제점을 해결 해주는 Hooks가 바로 Context API입니다. Context..

React 2021. 8. 17. 09:00
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 생활코딩
  • 김버그
  • 드림코딩
  • 노마드코더
TAG
  • baegofda
  • vue입문
  • CORS
  • 프론트엔드개발자
  • 공공데이터
  • cssom
  • inline
  • function
  • 프론트엔드회고
  • 오물오물
  • VanillaJS
  • 리액트
  • HTML
  • axios
  • react
  • font-family
  • vue예제
  • nodejs
  • JavaScript
  • postman
  • vue
  • 프론트엔드면접
  • 공공데이터포털
  • 개발자회고
  • INPUT
  • vue3
  • 노드JS
  • 생활코딩
  • 프론트엔드
  • CSS
more
«   2026/01   »
일 월 화 수 목 금 토
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

티스토리툴바