# rerendering

8개의 포스트
post-thumbnail

컴포넌트와 렌더링

컴포넌트리액트에서 개발한 모든 애플리케이션은 컴포넌트라는 조각으로 구성됨.리액트 컴포넌트는 선언체임.리액트 코드는 내가 UI를 선언하고 render 함수를 호출하면 리액트가 알아서 절차를 수행해 화면에 출력해줌. 화면에 어떻게 그려야할 지는 리액트 내부에 잘 숨겨져 추

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

리액트 onClick, useState 무한루프 reRendering

리액트로 프론트단을 구현하다가 마주친 문제다.Error창에서 짚어주는 파일들은 사실 건드려본 적 없어서 어떻게 고쳐야 될지 몰랐다.쇼핑몰 상세페이지를 구현하려했는데, 이 부분에서 문제가 발생했다.88번과 91번째 줄에서 onClick 이벤트 핸들러 안에 함수를 바로 가

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

[TIL]2022-02-14

면접스터디리렌더링과 dom과의 관계면접 스터디를 진행했는데 각자 면접에서 받았던 질문이나 답을 얻고 싶은 질문 한 가지를 골라 돌아가며 답하는 과정을 통해 질문에 답을 할 때 몇 가지 피드백이 있었는데무슨 말을 해도 의도가 드러나게끔 이야기하기이 말을 함으로써 어떤 걸

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

state 리렌더링

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

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

React rerender 방지 패턴 1

React에서 크게 Rerendering이 일어나는 조건은 크게 보면 3가지정도가 있다.1\. 함수 내의 State가 변경되었을 때2\. 부모 컴포넌트가 Rerender되었을 때3\. 컴포넌트의 Props값이 변경되었을 때자세하게 설명하면 수많은 조건이 있겠지만 대부분

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

[패스트 캠퍼스 FE] 리액트 맛보기 - 5

1️⃣ Key와 리랜더링 알아보기2️⃣ 상태 끌어올리기3️⃣ 데이터 Fetch 해보기Key는 Value를 특정하는 이름완료 버튼 클릭시 해당 항목이 사라지고, 복구 버튼을 누르면 사라진 항목이 표시됨.코드공식 문서(https://developer.mozilla

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

알면 좋은 React 지식

React 지식들 모음

2020년 6월 13일
·
0개의 댓글
·