# State

once_developer

React State

muthaben

객체지향 프로그래밍은 프로그램을 명령어 또는 함수의 목록으로 보는 전통적인 명령형 프로그래밍(imperative programming)의 절차지향적 관점에서 벗어나 여러 개의 독립적 단위, 즉 객체(object)의 집합으로 프로그램을 표현하려는 프로그래밍 패러다임을 말한다. 이는 실세계의 실체(사물이나 개념)를 인식하는 철학적 사고를 프로그래밍에 접목하려...

unu

우리는 "/movie-detail"에서 리프레시를 하거나, 직접 쳐서 들어가면 state=undefined를 얻게되는 경우들을 보았다."/movie-detail"를 도메인에 직접 치거나, 리프레시를 하면 아예 홈화면으로 돌아가도록 유저를 홈으로 리다이렉트 시키는 것이

pizzahand

State 살면서 변할 수 있는 값 컴포넌트의 사용 중 컴포넌트 내부에서 변할 수 있는 값 props vs state props는 외부로부터 전달 받은 값 state는 내부에서 변화하는 값 이름 - props 성별 - props 나이 - state 현재 사는 곳 -

chayezo

Props Props의 특징 컴포넌트의 속성(property)을 의미한다. props는 성별이나 이름처럼 변하지 않는 외부로부터 전달받은 값으로, 웹 어플리케이션에서 해당 컴포넌트가 가진 속성에 해당한다. 상위 컴포넌트로부터 전달받은 값이다. React 컴포넌트는

ckddhks59

Redux는 React에서 Component와 상태를 분리하고 관리하는 패턴을 사용 할 수 있다.redux는 React의 상태관리 라이브러리가 아니다. React가 없어도 ReduxReact에서는 (Stata)상태 관리를 Class Component안에서 관리한다.형제

rain98

TIL - React Class state ( React - 4 )

nangman

단어 뜻 그대로 컴포넌트 내부에서 가지고 있는 컴포넌트의 상태값입니다. state는 화면에 보여줄 컴포넌트의 UI 정보(상태)를 지니고 있는 객체입니다.state는 컴포넌트 내에서 정의하고 사용하며 얼마든지 데이터(객체)가 변경될 수 있습니다.(👌동적인 데이터)클래스

nomore12

자식 컴포넌트에 from이 있는경우 자식 컴포넌트에서 따로 form data를 관리하려고 해보았다. 그래서 매번 setState로 from data를 관리하고 부모 컴포넌트에서 handler를 내려보내서 콜백을 하는 구조가 되었다. 그렇게 만들고 보니 세상 한심해서 부

unu

비동기적 데이터 페치를 완료했다면 렌더링을 할 차례⬇️ 먼저 우리가 가져온 movies를 콘솔로그 해 영화 데이터가 어디에 있는지 찾아보자movies> data > data> movies: (20)\[{...},{...},{...},{...}, ...]⬇️ 찾은 영화데

5ceanzoo

state 는 화면에 보여줄 컴포넌트의 UI 정보(상태)를 지니고 있는 객체state 안에 들어가는 정보들은 변하는 정보가 들어간다.component 가 실행될 때 constructor 라는 함수가 있다면 제일 먼저 실행되서 초기화를 담당한다. 그 다음 this.sta

cadenzah

React 앱에서 사용되는 다양한 유형의 상태를 알아보고, 이를 효과적으로 제어하기 위한 라이브러리들을 살펴봅니다.

unu

Previously...버튼을 누르면 콘솔에 각각 기록되도록 만들었다.어떻게 하면 버튼을 눌렀을 때, state가 작동해서 숫자가 변화할까?TILstate는 그냥 쓴다고 작동하지 않는다.이유는 react가 render()를 리프레쉬하지 않기 때문이다.우리는 state의

unu

버튼을 클릭하면 각각 콘솔에 add와 minus를 기록하는 함수가 실행된다. 클래스 컴포넌트 function App()은 function component다. 우리는 리액트 컴포넌트의 많은 기능들을 사용하기 위해 이를 지우고 class component를 사용하기로

qf9ar8nv

현재 진행하는 토이 프로젝트에 react + mobx를 사용하기로 했는데, 아직 react의 상태관리에 대해 이해가 잘 되지 않아서 가장 널리 알려진 redux부터 공부를 시작했습니다..😂간단한 redux 예제도 클론해보고 TodoList까지 해봤지만 막상 코드에 응

eassy

📌 참고 https://codingbroker.tistory.com/125 https://jcon.tistory.com/176 https://react.vlpt.us/mashup-todolist/02-manage-state.html 혹시나 제 글을 읽게 되신다면!

faunus

리액트 훅을 사용하는 분들은 비교적 당연하게 useState를 사용하고 있을 것이다.component를 나눠서 function을 이용하여 만드는 경우를 많이 볼 수 있다.하지만 이는 몇 년전, 리액트 버전 16.8 이전까지만 해도 function component 안에

rlatmdgns94

컴포넌트 안에서 우리가 정의한 컴포넌트의 state 오브젝트 입니다.컴포넌트 UI를 위한 데이터를 보관하는 오브젝트로, 이 state라는 오브젝트를 통해서 데이터에 업데이트가 발생하면 리액트가 자동적으로 우리가 구현한 render 함수를 호출하죠. 컴포넌트 밖에서 주어

park0866

Redux는 JavaScript applications에서 예측가능한 상태(state)관리를 해주는 컨테이너React에서 State란 Class component내에서 관리또한 변형되는점들을 적는다.형제 컴포넌트들 간에 데이터를 주고 받을 때, 부모 컴포넌트를 통해서

smellycat0503

작성자, 내용 등을 입력하여 버튼을 눌렀을 시 다음 화면에 해당 값들이 적용되야함. 주소는 해당 게시물의 ID가 나와야 함. 작성자, 제목, 타이틀 3가지 및 ID 주소 반영하기 과제.\*\*css는 수업 첫날 한거라 미숙함. 나중에 수정할 예정. 이렇게 나와야한다.