# State Lifting

13개의 포스트

State Lifting

리액트의 데이터 흐름은 부모 컴포넌트에서 자식 컴포넌트로 전달하는 하향식(단방향)의 데이터 흐름을 가지고 있다.단방향 데이터 흐름은 코드의 흐름을 알기 쉽기 때문에 코드를 수정하기에 용이하다.하지만, 하위 컴포넌트의 state를 상위 컴포넌트에서 변경하는 것이 불가하다

5일 전
·
0개의 댓글
·

State-Lifting

컴포넌트를 나눠서 스크립트를 작성하다보면 동일한 데이터에 대한 변경사항을 여러 컴포넌트에 반영해야하는 경우가 생긴다.React에서는 단방향 데이터흐름을 가지고 있기 때문에, 하위 컴포넌트는 상위 컴포넌트의 데이터 데이터의 형태, 또는 타입만 알고 state에서 왔는지,

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

16) state Lifting

state를 끌어올려서 부모컴포넌트에 state를 만들어주고 자식컴포넌트에서 setState를 올려 부모로 넘겨주게 되면 다른 자식컴포넌트에서도 state값이 변경되는 것을 확인할 수 있다.

2022년 5월 30일
·
0개의 댓글
·

State Lifting

State Lifting에 대해 알아보겠습니다.

2022년 5월 28일
·
0개의 댓글
·

State Lifting

React 의 데이터 흐름은 상위 컴포넌트에서 하위 컴포넌트로 전달하는 하향식, 단방향 데이터 흐름 을 따르고 있습니다.단방향 데이터 흐름의 장점은 기능 변경 사항에 대한 코드 수정이 적어지고, 복잡하지 않아 코드의 흐름을 알기 쉽다는 점입니다.단방향 데이터 흐름은 자

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

Day-14 Pagination vs Infinite scroll, State-Lifting

Infinite scroll이란 무한 스크롤이라고 하는데 페이지 하단에 도달했을 때 콘텐츠가 다른 페이지로 이동하지 않고 계속 로드되는 방식이다.무한스크롤은 단일 페이지에서 끝없는 정보의 흐름을 보여주기 때문에 페이스북, 인스타그램 등에서 흔하게 볼 수 있다.스크롤을

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

14) 목요일

Algorithm Self Study, pagination, state lifting, Code Review, Daily Scrum, Algorithm Class, self Study

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

State Lifting

State Lifting 기본적으로 react에서는 데이터가 위에서 아래로 흐른다. (부모에서 자식으로) 각각의 component를 호출할 때 속성으로 데이터를 넘겨줄 수 있지만, 받는 것만 가능하고 상위의 state를 컨트롤 할 수는 없다. setState는 내부의 state만을 업데이트 시킬뿐이지 외부에서 이를 컨트롤 할 수 없기 때문이다. 그렇다면...

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

React 상태 올리기 (React Lifting State Up)

상태 올리기라는건 언제 쓰는걸 까요?그 이유를 알기 위해서 State를 공유하는 두개의 컴퍼넌트에 대해서 알아보겠습니다.React에서는 단방향 데이터 흐름이라는 원칙에 따라, 하위 컴포넌트는 상위 컴포넌트로부터 전달받은 데이터의 형태 혹은 타입이 무엇인지만 알 수 있다

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

State Lifting

React의 데이터 흐름은 상위 컴포넌트에서 하위 컴포넌트로 전달하는 하향식, 단방향 데이터 흐름을 따르고 있다.이와같은 흐름은 코드 수정이 적어지고, 흐름을 알기 쉽다는 장점이있다. 하지만 반대로, state에서 온건지 하드코딩으로 입력 받은 내용인지는 알 수 없다.

2022년 4월 3일
·
0개의 댓글
·

State Lifting

React는 데이터의 흐름이 양방향이 아니라 단방향이다.한 컴포넌트에서 사용하고 있는 것을 부모컴포넌트 또는 형제컴포넌트에서는 사용할 수 없다.그렇기 때문에 두 형제컴포넌트에서 같이 사용하고 싶은 기능이 있다면 그 부모 컴포넌트에 코드를 작성하고 props를 이용해 각

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

state Lifting

state Lifting우리는 코딩중 상태값을 조정할 때 hooks를 주로 사용한다.그중에서도 useState의 setState를 통해 상태를 많이 변경하며 props를 통해 하위 컴포넌트에 전달하여 사용하기도한다.하지만 React.js의 특성상 데이터의 전달은 하향식

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

State Lifting

React의 데이터 흐름은 상위 컴포넌트에서 하위 컴포넌트로 전달하는 하향식 단방향 흐름을 원칙으로 가진다.만약 하위 컴포넌트에서 어떤 이벤트로 상위 컴포넌트의 상태가 바뀌는 상황에서는 어떻게 할 것인가? 이러한 경우에 State Lifting(상태 끌어올리기)를 적용

2022년 4월 1일
·
0개의 댓글
·