profile
Developer's High
태그 목록
전체보기 (47)React(11)hook(5)TIL(3)노션클론코딩(3)이터레이터(3)함수형프로그래밍(3)제너레이터(3)this(2)scss(2)모듈(2)Sass(2)async(2)ES6(2)CSS(2)CSR(2)SSR(2)자료구조(2)트라이(2)알고리즘(2)spa(2)프론트엔드(2)React.memo(1)eventLoof(1)확장성(1)DOMTree(1)virtual DOM(1)회고(1)component(1)variable(1)클론코딩(1)package(1)추상화(1)githubpages(1)API(1)push(1)이벤트루프(1)스코프(1)flex box(1)bind(1)호이스팅(1)transform(1)prop-types(1)프로미스(1)event flow(1)낙관적 업데이트(1)코딩테스트(1)optimization(1)객체지향과프로토타입(1)함수형 프로그래밍(1)웹스토리(1)브라우저(1)vue(1)FetchAPI(1)open source(1)트리(1)throttle(1)debounce(1)Firebase(1)HistoryAPI(1)capturing(1)await(1)storybook(1)이진트리(1)useEffect(1)useState(1)ajax(1)ux(1)UI컴포넌트(1)network(1)Flex(1)JavaScript(1)UI(1)Debouncing(1)craco(1)frontend(1)layout(1)섹션스토리지(1)유니코드(1)프로미스 객체(1)XSS(1)cli(1)filter(1)Breadcrumb(1)commit(1)쿠키와세션(1)React.children(1)useMemo(1)DOM(1)Attachment(1)parser(1)로직분리(1)html(1)clone(1)구조분해할당(1)useCallback(1)그리디(1)script(1)렌더링(1)데브코스(1)로컬스토리지(1)painting(1)데이터타입(1)memory(1)CDN(1)custom hook(1)spread operator(1)Fetch(1)parse()(1)style(1)Vercel(1)aws(1)IntersectionObserver(1)RenderTree(1)이진탐색(1)JSX(1)지연평가(1)CSSOM(1)vanillajs(1)변수(1)rendering(1)의존성(1)토큰(1)Token(1)선언적 프로그래밍(1)중첩(1)columns(1)bubbling(1)grid(1)closure(1)캐치(1)emotion(1)add(1)netlify(1)노션(1)contextAPI(1)scope(1)apply(1)call(1)git(1)svelte(1)tag(1)crypto(1)정규표현식(1)
post-thumbnail

Context API

컴포넌트간의 데이터를 교환하기 위해서는 props를 이용해야 한다. 그런데 만약에 이런식으로 부모 컴포넌트가 아닌 부모의 부모 컴포넌트로 올라간다던지 자식의 자식 컴포넌트로 데이터를 전달할때에는 전달방법이 귀찮아진다.그림에서 보면 2번만 거치면 되지만 만약에 10번을

2021년 10월 17일
·
0개의 댓글