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
- 웹개발자
- JavaScript
- spring boot security
- JWT
- security
- useState
- 큐넷
- VUE
- frontend
- 타입스크립트
- spring
- 백엔드
- Front-End
- spring boot
- 수제비
- React
- 프론트엔드
- 정보처리기사
- 스프링부트
- TypeScript
- JS
- 정보처리기사 실기
- 리액트
- TS
- Redux
- It
- Authentication
- 자바스크립트
- Node.js
- 백엔드개발자
Archives
- Today
- Total
목록useMemo() (1)
솔적솔적
REACT- 성능개선2, memo, useMemo 불필요한 재렌더링은 저리가!
오늘은 성능향상 2탄, 원하는 자식컴포넌트의 재렌더링을 막을 수 있는 방법에 대해서 알아보고자한다. | 재렌더링 막는 방법 자식컴포넌트를 우선 하나 생성해보고, Cart안에 넣어놓는다. function Child() { return 자식컴포넌트 } function Cart(){ return ( ... ... )} state만들기 const [count, setCount] = useState(0) 버튼을 눌러 state변경하도록 하기 function Cart(){ const state = useSelector((state)=>{return state}) const dispatch = useDispatch();//store한테 요청을 보내주는 함수임 const [count, setCount] = useSta..
Front-end/REACT - 성능개선 lazy, memo, useTransition
2022. 9. 10. 12:50