# State

poohv7

React 과제에 대해 잠깐 정리를 해보려고 한다.로그인 ID 와 PW 입력창에 입력을 했을 때, 그 값을 state에 저장하는 것이 첫 번째 미션.일단 id 와 password 현재 값들은 state에 저장하기 위해서 state를 지정해준다. 아래 40번 라인을 보면

tkddus614

주말인 관계로 18:30 ~ 20:00 까지 헬스 state와 props의 개념에 대해 조금 더 확실히 알게됐다. this.state = { titleColor: true } titleColor는 true로 설정 onChange 함수안에 this.setState로

damho0514

오늘 하루주말 늦잠스터디 카페state로 활용한 로그인 버튼 활성화 해보기저녁 먹고 미션완료인라인 스타일로도 줄 수 있지만, 좋지 않은 코드? 라고 하셔서 클래스 네임으로 변수를 사용해 조작했다!!!삼항연산자로 id와 pw 둘다 0이 아니면 진한파랑으로 바뀌게했고,

poohv7

state?뜻 그대로 컴퍼넌트 내부에서 가지고 있는 컴퍼넌트의 상태값.화면에 보여줄 컴퍼넌트의 UI 정보를 지니고 있는 객체.예시) class형 컴퍼넌트에서 state를 정의클래스형 컴퍼넌트 안에는 필수적으로 render 함수가 필요하고 화면에 나타내고 싶은JSX 요소

tkddus614

08:00~09:30 헬스장 10:00 위코드 도착 이번주부터는 매일 아침마다 한시간씩 code kata를 하고있다. 알고리즘 문제를 푸는 건데 아직은 로직을 짜는 것만 해도 버겁다. 오늘은 sass 파일을 구현했다.

damho0514

리엑트 State와 Props를 배워보자!

unihit

부모 컴포넌트와 자식 컴포넌트 사이의 관계에서 데이터를 전달할 때는 Props를 이용해야 한다.Props는 부모 컴포넌트에서 자식 컴포넌트로만 전달할 수 있다.부모 컴포넌트에서 자식 컴포넌트로 데이터가 전달되는 과정에서 Props는 변할 수 없다. (immutable)

qor8917

컴포넌트에서 동적인 값을 상태(state)라고 부릅니다. 리액트에서는 이러한 동적인 값의 상태를 관리하기 위해 useState 함수가 있다. useState 를 호출하면 배열이 반환되는데 첫번째 원소에는 현재상태, 두번째 원소는 Setter 함수이다. 위 코드를 배열

pixelstudio

Redux React에서 단방향 데이터 흐름의 원리가 대중화 되고, 애플리케이션이 확장되면서, 상태 관리가 어려워졌고, 이를 통해 페이스북에선 FLUX 아키텍쳐 출시 하였다. Redux는 자바스크립트 애플리케이션에서 예측 가능한 상태를 관리해주는 컨테이너라고 정의하고

315dragon

Redux는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너입니다.위는 redux 공식사이트 소개 문구다.우리는 주로 React를 사용할 때, Redux를 사용해서상태 변경 로직을 컴포넌트에서 분리시킬 수 있다.이렇게 되면 컴포넌트를 표현에 집중한 보다 단순하게 바꿔

delilah

goalComponent의 모든 것컴포넌트 내부에서는 값을 바꿀 수 없다. 그렇다면 "값을 바꿔야 하는 경우"에는? 여기서 state가 필요하다.리액트에서는 컴포넌트의 상태를 관리하기 위해 state를 사용한다.state는 "값을 저장하거나 변경할 수 있는 객체"로 보

dlrbwls0302

컴포넌트를 선언하는 방식은 두 가지이다. 하나는 함수형 컴포넌트이고, 또 다른 하나는 클래스형 컴포넌트이다. 컴포넌트를 정의하는 가장 간단한 방법은 JavaScript 함수를 작성하는 것이다.위의 예시는 App이라는 함수를 통해 React 엘리먼트(JSX)를 반환하므로

yjs3819

지금까진 엘리먼트(화면에 어떻게 표시할지 기술된 일반 객체)를 통해 DOM을 구성하기 위해서는 루트 돔 노드(<div id='root'></div>)에 엘리먼트를 넣어서, 좀더 자세히는 ReactDOM.render()함수의 인자로 엘리먼트와 루트 돔 노드를

aksel26

props 그리고 stateprops : 사용자가 컴포넌트를 사용하는 입장에서 중요state : props의 값에 따라 내부의 구현에 필요한 데이터들상위 컴포넌트에서 reder()하기 이전에 불려지는 constructor로 하위 component를 초기화 하는 것.ap

ww8007

이번 게시물에서는 컴포넌트의 상태를 업데이트를 시켜주는 useState에 대해서 알아보려고 한다.props의 경우 부모 컴포넌트에서 상태를 설정하고 자식 컴포넌트에서는 readonly(읽기상태)로만 사용할 수 있는 단점이 존재한다.이를 해결하는 것이 state이다.클래

kwakky

React에서 state를 관리하는 방법, 혹은 라이브러리들은 여러가지가 존재한다. 아주 대표적으로 Redux가 있으며 Mobx, Context API, Recoil 등 다양한 State 관리 방법들이 존대한다. 이렇게 다양한 관리 방법 중에서 어떤 것을 선택할지 결정

gwak2837

외부 서버로 fetch한 후 결과를 업데이트하는 컴포넌트가 있는데, 이런 저런 이유로 중간에 컴포넌트를 DOM에서 unmount하는 경우 위와 같은 경고가 발생할 수 있다. 당연히 컴포넌트가 DOM에서 언마운트됐기 때문에 존재하지 않는 컴포넌트에 상태를 업데이트할 순

ichbinmin2

👩🏻‍💻 면접 기출 문제를 준비하면서, React를 쓰는 이유, React가 추구하는 컨셉이 무엇인지에 대해 다시 한번 공부하고 이를 정리해보았다.

charlie-lyc

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

yjs3819

state는 일반 객체인데 랜더링 결과물에 영향을 주는 정보를 가지고 있다. 이 state는 컴포넌트 안에서 관리된다.React 공식문서에서 정의한 State이다.여기서 짚고 넘어가야할 부분은 '랜더링 결과물에 영향을 주는 정보' 부분이라 생각한다.즉, 랜더링 결과물에