Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- useState
- 리액트
- spring boot security
- 큐넷
- TS
- Front-End
- 정보처리기사
- JS
- React
- Node.js
- JWT
- security
- It
- VUE
- 자바스크립트
- 정보처리기사 실기
- TypeScript
- JavaScript
- 스프링부트
- 백엔드
- Redux
- spring boot
- 수제비
- frontend
- 웹개발자
- 프론트엔드
- spring
- Authentication
- 백엔드개발자
- 타입스크립트
Archives
- Today
- Total
목록isPending (1)
솔적솔적
React- 성능개선3. useTransition, useDeferredValue
리액트가 업데이트되고 나서 사용할 수 있는 신기능이 있다는데, 그것을 오늘 사용해보려한다. | 1. batch 기능 state변경함수들이 쭉 작성이 되어있다면 state변경이 일어날 때마다 재랜더링이 일어나는데 연달아서 여러개가있다면 재랜더링이 맨 마지막것만 재렌더링 1번만 일어나게하는 것이다. 이게 batch이라고 하는데, 예외가 있다. ajax요청, setTimeout 등의 내부코드라면 batch이 일어나지않았는데, 리액트 17버전에는 배칭이 일어나지않는다. 리액트 18버전이후에는 코드가 어디있던간에 잘 일어난다는 것. | 2. useTransition 동작이 느린 컴포넌트들을 빠르게 동작할 수 있게하는 것이다. import {useState} from "react"; function App2(){ ..
Front-end/REACT - 성능개선 lazy, memo, useTransition
2022. 9. 11. 19:23