반응형
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 |
Tags
- 웹 퍼포먼스 도구
- component is already mounted please use $fetch instead.
- img 태그 srcset
- git
- 인터넷 거버넌스
- repaint
- Learning React
- ToDo
- $fetch
- vue 컴포저블 함수
- d3 지도 툴팁
- vue composable 함수
- nuxt universal rendering
- vue draggable 차트 안나옴
- d3 지도 확대/축소
- 함수형 프로그래밍
- vuedraggable
- 이미지 성능 최적화
- vue3 drag and drop
- pm2 업데이트 에러
- 헌혈유공패 은장
- d3 지도
- in-memory pm2 is out-of-date
- reflow
- img 태그 sizes
- cloud firestore id auto increment
- firebase id 자동
- d3 지도 타입스크립트
- pm2 버전 충돌
- commonjs와 ecmascript modules(esm)
Archives
- Today
- Total
목록useState() (1)
빵 입니다.
useState()
시작하기 전... HOOK React 버전 16.8부터 도입된 기능 함수형 컴포넌트에서 상태(state)와 생명주기(lifecycle) 기능 등을 사용할 수 있도록 하는 기능 훅은 use로 시작한다. 훅들은 리액트 컴포넌트 함수 안에서 호출되어야 한다. 🔥함수형 컴포넌트 기반으로 정리를 했습니다! useState 훅을 이용하면 컴포넌트에서 상태를 추가하고 관리할 수 있다. 컴포넌트 내에서 변수를 선언하면, 해당 변수의 값이 변경되어도 React는 컴포넌트를 다시 렌더링하지 않는다. React는 컴포넌트의 상태나 props가 변경되었을 때에만 다시 렌더링을 수행한다. 이것이 React의 "재평가" 개념이다. useState를 사용하여 상태를 선언하면, React가 해당 상태를 추적하고, 상태가 변경될 때마..
프론트엔드/React
2023. 12. 5. 16:37