# props drilling

17개의 포스트
post-thumbnail

전역 상태 관리 redux 쓰게된 이유

리덕스를 왜써야할까요? c 언어에서 define처럼 전역 함수 처럼 사용할수있어서? 반은 맞습니다. https://www.geeksforgeeks.org/how-to-declare-global-variables-in-javascript/ 그럼 js나 reac

2023년 1월 22일
·
0개의 댓글
·
post-thumbnail

[React] Props Drilling, Context

props를 오로지 하위 컴포넌트로 전달하는 용도로만 쓰이는 컴포넌트들을 거치면서 React Component 트리의 한 부분에서 다른 부분으로 데이터를 전달하는 과정

2023년 1월 6일
·
0개의 댓글
·
post-thumbnail

[React] Props Drilling

❤️‍🔥 Props Drilling 상위 컴포넌트의 state를 props를 통해 전달하고자 하는 컴포넌트로 전달하기 위해 그 사이는 props를 전달하는 용도로만 쓰이는 컴포넌트를 거치면서 데이터를 전달하는 현상 아래의 그림처럼 컴포넌트 A의 state를 컴포넌트

2022년 12월 27일
·
0개의 댓글
·
post-thumbnail

[KAKAO.GG] 기술 스터디 2022년 11월 24일

Props Drilling이란 하위 components로 props를 전달하는 과정을 의미합니다.Props를 3~5개 전달할 때 문제가 없지만(혹은 그 이상), 만약 추적이 힘들정도로 props를 계속 내려줘야하는 상황이 발생하면 유지보수가 어려워집니다. 따라서 전역

2022년 12월 19일
·
0개의 댓글
·

[React]Prop Drilling과 해결 방법

Prop Drilling 은 props를 오로지 하위 컴포넌트로 전달하는 용도로만 쓰이는 컴포넌트들을 거치면서 React Component 트리의 한 부분에서 다른 부분으로 데이터를 전달하는 과정입니다.content 를 App > First > Second > Th

2022년 12월 6일
·
0개의 댓글
·

Unit4 회고

[React]상태 관리 상태 관리 🔆 전역 상태 관리 > #### 상태🧐 상태(state)란 UI에 동적으로 표현될 데이터를 의미한다. 즉, 보여지는 화면에서 변화될 수 있는 데이터를 의미하는데 이 때 state는 props를 통해 전달되지 않으며 시간이 지나 변화

2022년 11월 2일
·
0개의 댓글
·
post-thumbnail

[TIL] Props / children

오늘은 props, children에 대해서 간단히 정리 해보려고 한다.부모 컴포넌트로부터 받아온 데이터부모에서 자식으로만 전달이 가능하다props 예시위에 코드와 같이 props를 여러번 전달을 할때에도 중간에있는 컴포넌트도 최하단에 있는 자식 컴포넌트의 부모이기 때

2022년 10월 7일
·
0개의 댓글
·
post-thumbnail

Props Drilling과 상태관리 라이브러리

Props drilling의 등장 배경을 알기 위해서는 상태관리 라이브러리가 뭔지부터 알아야한다!상태관리란 State Management를 직역한 단어이다.즉 데이터를 쉽게 관리하는 방법을 말한다!프론트엔드에서 상태관리란? 데이터를 설계된 UI,UX에 맞게 설계하고 구

2022년 8월 31일
·
0개의 댓글
·
post-thumbnail

[React]cmarket : 장바구니 기능구현

상품을 장바구니에 추가하는 기능을 구현함. 페어분이랑은.. setCartItem을 이용해 다른 함수를 만들어서 그 함수를 전달했었다. 그럴필요가 없었는데...; 상태변경함수를 그냥 props로 넘겼을때 분명 오류가 떠서 상태변경함수가 아니라 그 함수를 이용한 함수를 부

2022년 8월 31일
·
0개의 댓글
·

[TIL] 프론트개발 상태관리

프론트앤드 개발에서 상태관리

2022년 8월 31일
·
0개의 댓글
·
post-thumbnail

프론트엔드에서 비즈니스 로직과 뷰 로직 분리하기 (feat. MVI 아키텍쳐)

오늘 해볼 이야기는 상태 관리, 비즈니스와 뷰 로직의 분리 프론트엔드 개발의 구조 등 프론트엔드의 아키텍쳐에 대한 이야기입니다. 프론트엔드를 하다보면 많이들 물어보는 (저 역시 지금도 고민을 하고 있는) 질문들을 꼽아보자면 "컴포넌트 추상화 구조는 어떻게 하면 좋나요

2022년 8월 12일
·
32개의 댓글
·

[React]Props란?

React에서 state에 이어 중요한개념인 props에 대해 알아보자Components의 속성(property)을 의미, 외부로 부터 전달받은 값(변하지 않아야 함) 으로 해당 컴포넌트가 가진 속성에 해당부모 컴포넌트로 부터(상위 컴포넌트) 전달받은 값(React는

2022년 7월 31일
·
0개의 댓글
·
post-thumbnail

[React] Props Drilling

📚 개념 Props Drilling이란 props를 통해 하위 컴포넌트로 data를 넘겨줄때 3~5개 정도의 컴포넌트라면 관리하기에 어렵지 않지만 10개 20개 30개 .. 전달해야하는 컴포넌트들의 갯수가 많아질수록 유지보수할때의 문제가 생기는 것을 말한다. 아래

2022년 7월 4일
·
0개의 댓글
·
post-thumbnail

[React] Context가 꼭 필요할까? 컴포넌트 합성으로 props drilling을 극복해보자

Prop Drilling은 props를 오로지 하위 컴포넌트로 전달하는 용도로만 쓰이는 컴포넌트들을 거치면서 React Component 트리의 한 부분에서 다른 부분으로 데이터를 전달하는 과정이다.prop drilling이 보통 3~5개 컴포넌트를 거치는 정도이면,

2022년 5월 8일
·
2개의 댓글
·
post-thumbnail

props, Context API, constate, Redux, Recoil

수업시간에 context API에 관해 배우면서 조금 더 명확하게 정리하고 싶었다.그리고 Redux가 생각보다 현업에서 많이 사용되지않고, 다른 라이브러리가 더 흥할것이라는 글을 보며 그 이유에 대해서도 알고싶어 글을 적게 되었다. React에서 컴포넌트가 많아지면

2022년 1월 9일
·
0개의 댓글
·
post-thumbnail

[React] filter( )로 배열 삭제하기 (feat.일기장)

filter() 메서드는 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열을 반환합니다.원하는 값들을 필터링 하는 것filter()는 배열 내 각 요소에 대해 한 번 제공된 callback 함수를 호출해, callback이 true로 강제하는 값을

2022년 1월 5일
·
0개의 댓글
·
post-thumbnail

TIL31: ReactJS

Props and StateProps Drilling and Lifting State Up 자료 출처: props drilling diagram 자료 출처: lifting state up diagramLife Cycle Method

2021년 1월 14일
·
0개의 댓글
·