# setState

75개의 포스트
post-thumbnail

TIL 0321

🏷️ [목차] props drilling emotion에 props던지기 리액트가 리렌더 하는 방식 컴포넌트 안에서 router 사용시 주의점 주소를 설계하는 법 🖇️ [출처 및 참조] 코드캠프 💡 props drilling? > props가 자식에게 넘겨주는

2023년 3월 25일
·
0개의 댓글
·

[React] AppSync GraphQL Subscription 시에 setState 사용하기

문제가 발생한 부분은 AppSync의 GraphQL subscription을 통해서 새로운 값을 받고, 새로운 값을 기존 배열에 추가해서 배열을 변경하는 로직이었다.새로운 값이 들어오면, 기존 배열을 복사한 배열을 생성하고 복사한 배열에 새로운 값을 넣고, setSta

2023년 3월 14일
·
0개의 댓글
·

리액트 소스코드 뜯어보기 #1(class)

앞서 'prototype' 이라는 개념을 숙지해야 한다.JS에서 모든 객체는 자신의 부모 객체를 가리키는 'proto' 속성을 가지는데 이렇게 연결된 객체들의 체인을 프로토타입 체인이라고 부른다.'prototype'은 함수 객체에만 존재하는 속성으로 함수로 생성된 객체

2023년 3월 10일
·
0개의 댓글
·
post-thumbnail

[React - Study] state , setState , useState

state , setState , useState 란? + props

2023년 2월 7일
·
0개의 댓글
·

state 리렌더링

React에서 리렌더링(Rerendering)을 하는 방식에 대해 공부해봤다. 먼저 setState는 비동기로 작동하는데 setState 동기로 작동하게 되면 값이 변경될 때 바로바로 렌더링을 하기 때문이고 마지막 값이 나오기 전까지는 선언되어있는 코드를 다 실행하고

2023년 1월 17일
·
0개의 댓글
·
post-thumbnail

React Hooks: useEffect 사용법

sideEffect 처리를 위해 제공되는 Hook에 대해서 알아보자!!React 화면에 렌더링된 이후에 비동기로 처리 되어야 하는 부수적인 효과를 Side Effect라고 하는 데 대표적인 예로는 React 화면단에서 어떤 데이터를 가져오기 위해서는 외부 API를 호출

2022년 12월 12일
·
0개의 댓글
·

setState mounted 검사

플러터에서 화면을 갱신하기 위해 setState를 사용한다.거의 문제 없이 실행이 되지만 위젯이 마운트 되지 않은 상태에서 setState 함수를 호출해 문제가 발생하곤 한다.setState시 무조건 mounted 검사를 해준다.

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

setState() or markNeedsBuild() called during build. 이슈

flutter 의 Lifecycle중 build단계에서 setState()를 실행하면 다음과 같은 에러가 발생한다. (build가 끝나지 않은 시점에서 데이터의 변경이 일어나면 다음과 같은 에러가 발생한다.)화면이 바인딩 된 후 실행시키면 에러가 사라진다.

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

setState 동작 방식

분명 counter+1 버튼 한번 눌렀는데 콘솔에 0이 찍힌다. 왜지?

2022년 11월 23일
·
0개의 댓글
·
post-thumbnail

[React] 참조 타입과 setState - 배열/객체 상태관리 완벽 정리

React에서 참조 타입인 배열이나 객체의 state를 올바르게 업데이트하는 방법

2022년 11월 22일
·
0개의 댓글
·
post-thumbnail

setState의 동기(?)처리

문제가 발생한 이유를 간단하게 말하자면, 버튼을 클릭하면 searchFlag라는 값이 true로 바뀌고, 그 바뀐 값으로 apiLoad()라는 함수에서 분기를 태워 결과가 달라지는 과정을 거친다.하지만 버튼을 눌렀음에도 불구하고 searchFlag가 false일 때,

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

setState 하고 console.log 했는데 왜 state 가 안 바뀌어 있나요?

setState 후 console.log(state) 를 했을 때 업데이트가 안 되어서 당황하는 리액트 초심자분들을 위한 글입니다.

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

[TIL] 22.11.01 - React Component, useState

React 여러 페이지들을 부품(Component)단위로 만들어 조립할 수 있다. State는 리액트 전용 변수 node_modules 폴더는 yarn install로 언제든지 설치 가능하다. -> 굳이 github에 업로드 안함 React.js 웹 React-Na

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

[React] state 변경시 setState로 변경해야 하는 이유

state는 immutble(불변성)을 유지해야 하기 때문이다.state는 컴포넌트 렌더링에 영향을 주는 데이터를 갖고 있는 객체인데, 이것을 업데이트 하기 위해서는 setState,useState가 필요하다. 직접 state를 수정하면 리액트는 render 함수를 호

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

setState의 동작

setState에 대한 공부

2022년 9월 26일
·
0개의 댓글
·

React 객체안의 배열의 값을 수정해보자.

상품을 관리하는 상태를 수정해야할 일이 생겼다.보통의 state를 수정할 때는 간단하게 spread문법을 사용하여 수정을 하면 됐지만,ex) 해당 키의 값을 입력한 값으로 바꾸는 코드하지만 내가 수정해야할 부분은,상품은 여러개의 상품 그룹으로 구성하여 추가할 수 있고,

2022년 9월 11일
·
0개의 댓글
·
post-thumbnail

[리액트를 다루는 기술] React.memo와 함수형 setState를 이용해 의존성은 없애고 성능은 향상시키기

2500개의 데이터인 todos에 변화가 생기면 전체가 리렌더링 되어 성능저하'할 일 0' 체크하는데 한국인이라면 못 참을 렉이 걸림렌더링 시간도 50m는 뛰어갈 수 있는 328.7ms나 걸림그 이유는 '할 일 0'만 체크했는데 전체가 리렌더링 되기 때문. 의리 미쳤네

2022년 9월 8일
·
0개의 댓글
·
post-thumbnail

[Web] React에서 setTimeout, setInterval 잘 사용하기

<2022 고려대학교 여름 해커톤(CONNECTHON) 플랫폼> 개발 중에 후원사와 참가자간의 채팅 기능을 만들어야 했는데, HTTP GET, POST method를 활용하여 개발하는 방향으로 백엔드 팀과 의견을 맞췄다. 채팅의 전체 플로우는 다음과 같이 구성하였

2022년 8월 23일
·
1개의 댓글
·
post-thumbnail

useState 초기값 설정하기

로직을 구현하다 보면 서버에서 데이터를 받아올 일이 많다.서버에서 받아 온 데이터를 setState에 저장하고, 하위 컴포넌트에 props로 뿌려 화면으로 노출시킨다.데이터 구조에 따라 Object 안에 Array가 있고, 이런 구조들에 method를 맞춰야 하는데,처

2022년 8월 10일
·
0개의 댓글
·