# State
Props & State
Props 는 컴포넌트 외부에서 컴포넌트에게 주는 데이터입니다.State 는 컴포넌트 내부에서 변경할 수 있는 데이터입니다.둘 다 변경이 발생하면, Render 가 다 시 일어날 수 있습니다.Props 와 State 를 바탕으로 컴포넌트를 그립니다.그리고 Prop 와
.jpg)
[FE-Interview][React] React 기초(1)
✍🏻 [FE-Interview][React] | 1. React 기초(1) | React의 기초적인 특성과 부수효과에 대해 정리해 보았다!
[FE-Interview][React] React 란 무엇인가
✍🏻 [FE-Interview][React] | React 란 무엇인가 | React의 작동 원리와 React의 중요한 특성들을 정리해 보았다!
[2022.06.28] 리액트 - useState 함수형 컴포넌트와 클래스형 컴포넌트
useState 사용하여 컴포넌트 내에서 바뀌는 값을 관리할 수 있다.Hook을 통해 useState를 사용할 수 있는데 Hook은 React 16.8버전에 추가된 기능이다.클래스 컴포넌트를 사용하지 않아도 state를 관리할 수 있다.먼저, useState를 impo
Check Box 상태 관리(feat. Set 활용법)
평소에 테이블을 만들때 <table> 태그 또는 flex를 이용해서 만들었는데 이번엔 grid 기능을 이용해서 테이블을 만들어 보았다.사용해보니 grid-template-columns을 이용해 column의 width를 맞추기가 굉장히 편리했다.요구 기능 명세는
SwiftUI - PropertyWrapper, State, Binding
데이터를 유기적으로. 프로퍼티 래퍼부터 State, Binding 까지.
[FLUTTER] Splash
앱 개발을 할때에 가장 기본이 되는 스크린이 바로 스플래시를 보여주는 스크린일 것이다. 스플래시의 기능은 보통 스플래시 스크린을 띄우는 동안 사용자의 정보를 체크하거나 초기 데이터 세팅을 위해서 짧게는 1초 이내에서 길게는 3초 정도의 화면을 보여주는 것을 말한다.간단
Prevent React component state from updating when unmounted 갱신 막기
참고: Prevent "React state update on unmounted component" warning when setting state on async callbackAsk Question
[TIL] 0622 | React with Redux, Next.js, TypeScript
✍🏻 0622 | React with Redux, Next.js, TypeScript ✓ 포커스를 잃은 리액트 ✓ 리팩토링 및 State 파생
React useState() - #Part_2
여러 번 연속해서 setState()를 호출 한다면 단일 업데이트로 한꺼번에 처리한다.아래 코드에서 multiplyAdd() 를 실행시켜 버튼을 클릭한다 가정했을 때 multiply() 이후 add() 가 실행되어 output : 1 → 3 → 7 → 15로 값이 반
React Props와 State
Props란?(https://velog.io/@art11010/React-Components%EC%99%80-Props- 부모 컴포넌트가 자식 컴포넌트에게 전달 하는 값값을 자신(자식 컴포넌트)이 변경할 수 없음 = 읽기 전용State란?(https:
React useState() - #Part_1
## State란? - 함수 컴포넌트에서 _내부적으로 상태 관리를 해야 하는 경우_ 필요하다. - 이를 위해서는 React에서 제공하는 Hook 함수 중 **useState함수를 사용**한다. ### useState() - 컴포넌트의 state(상태)를 관리 할 수
Typescript 기초 (2) - State, Forms
useState Hook으로 준 초기값 1을 통해 counter가 number 타입으로 변경된다number 타입으로 지정되어 있기 때문에 string 타입으로 counter를 지정하면 에러가 발생한다.초기값을 준 값에 따라 type이 지정되고, type은 변경되지 않게
상태관리 라이브러리
상태관리 React에서는 주로 useState를 사용해 데이터를 다룬다. 상태관리를 통해 우리는 데이터관리를 효율적으로 할 수 있다. 상태로는 크게 지역상태와 전역상태로 나누어 볼 수 있다. 지역상태 props를 사용해 상위컴포넌트에서 하위 컴포넌트로 데이터를 넘겨주
React 에서 MVVM 하기
요새의 React 개발 경향은 functional component 로 hook 을 사용한 state 를 관리하는 것이다.물론 redux 같은것도 있지만, 그것도 hook을 사용하는 추세다.그렇다 보니 많은 state를 관리할 때 state를 관리하는 container