# setState
[React] setState
시작하기 전, 복습을 해보자. (혹시나 내가 이해 못할까봐 남기는 글)1\. 컴포넌트나 JSX에 변수를 추가하고 싶을 땐{counter}를 추가해주는 것이다.만약 UI를 업데이트하고 싶을 땐(사용자에게 변화를 보여주고 싶을 때)render 함수를 다시 호출하면 된다.위
코드캠프 6일차
실무적인 폴더구조(Container/Presenter)컴포넌트분리 및 데이터전달(Props)목록 형태의 데이터를 보여주자(Map/Filter)안전한코드를 작성하자(Typescript)규칙을 정해서 협업하자(Eslint/Prettier/Husky)undefined / n
[PROJECT-JULABO-React] setState
장바구니의 수량을 바꿀 때마다 바뀐 수량을 sessionStorage 에 저장하는 작업을 하던 도중 한 박자 늦게 반영되는 문제가 있었습니다.
React | 클래스형 컴포넌트의 setState의 비동기
리액트의 클래스형 컴포넌트에서 상태 값을 업데이트할 때 사용되는 메서드인 setState는 비동기적으로 동작합니다. 비동기적으로 setState가 동작한다는 의미가 어떤 의미인지 다음 Counter 예제를 들며 설명해보겠습니다.버튼을 누르면 1씩 증가한다.위의 클래스형
[Flutter] State(상태)를 밥아저씨가 설명하는 것처럼 쉽게 알아보기
State는 Flutter의 코어개념이라 생각한다. 우선 얕게 알아보자.
React를 왜 사용할까?
대표적인 Front-end 도구라고 하면 Vue.js React.js Angular.js 가 있다.이중에 React를 공부하는 이유가 무었일까?위 자료는 npm trend 라는 사이트에 들어가서 시기별로 개발자들이 많이 사용하는 개발툴을 그래프로 가져온 것이다. 위처럼
State & Event - 객체지향방식
아래 글은 생활코딩님의 강의를 기반으로 작성한 내용입니다.component에 특정 정보를 전달해줍니다. 얼핏 들으면 props와는 비슷하지만, state는 component 내부에서 설정하는 정보이고, props는 자식 컴포넌트에서 설정하는 정보이기 때문에 차이가 있습
React : state 변경 방법 componentDidMount 활용 / setState , setTimeout 사용
우선 리액트 공식문서를 보면컴포넌트 생명주기모든 컴포넌트는 여러 종류의 “생명주기 메서드”를 가지며, 이 메서드를 오버라이딩하여 특정 시점에 코드가 실행되도록 설정할 수 있습니다. 이 생명주기 도표를 필요할 때마다 활용하면 좋습니다. 아래 목록에서 자주 사용되는 생명주
react setState의 비동기 동작
setState 함수를 사용할 때, 인자로 업데이트할 값을 넣어줄 수 있고 함수를 넘겨줄 수 도 있다. 두 방법의 차이점을 알아보자
6. 컴포넌트 반복
JS 배열의 map() 함수 반복되는 컴포넌트 랜더링 가능 map() : 파라미터로 전달된 함수를 사용해 배열 내 각 요소를 프로세싱 한 후 그 결과로 기존 배열을 새로운 배열로 생성 문법 callback : 새로운 배열 요소 생성하는 함수 currentValue : 현재 처리하고 있는 요소 index : 현재 처리하고 있는 요소의 index 값 arr...
[React #5] React 상태 관리 {state}
휴대폰을 예로 들어보자.props는 사용자가 화면에서 보는 UI를 조작하는 장치이며,state는 제품을 열었을 때 내부적 조작 장치 매커니즘이라고 할 수 있다. 출처: 생활코딩즉, props는 컴포넌트를 사용할 때 사용자에게 중요한 외부적 정보이며, state는 pr
setState가 비동기 처리되는 이유
상태 관리의 비동기성 React는 상태를 바탕으로 view를 그리기 때문에 일반 변수로 상태를 할당하지 않고 setState로 상태를 할당한다. 하지만 javascript처럼 console.log로 상태 변화를 확인하려 하면 이상한 부분이 있다는 걸 발견할 수 있다.
class component, state, setState()
class React component에서 확장하여 사용한다.(extends가 그 기능을 한다)function이 아니기 때문에 return을 사용하지 않고 render를 사용한다.(render function도 React component가 가지고 있는 기능)rende
React Hook!
오늘 배운 재미있는 리액트 함수형 컴포넌트.오늘 설명 중 인상깊었던 부분은, 리액트의 변수 선언을 state에 비교했다는 것이다.이게 별 것 아닌 것 같은 설명 같지만, 굉장한 설명인 것이, 리액트에서는 값이 변하려면 state와 setState밖에는 안되기 때문에 s
