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
- javascript 함수형 프로그래밍
- 일급 함수
- React 성능
- 디바운싱
- 프러그래머의 길 멘토에게 묻다
- javascript email
- 웹 성능 최적화
- 로딩 최적화
- react 명령형
- 프로그래머의 길
- javascript 이메일 자동완성
- javascript 순수 함수
- 자바스크립트
- 에니메이션 최적화
- UI 개발 패턴
- React
- javascript
- React 성능 최적화
- 성능 최적화
- useState 동작원리
- 함수형 프로그래밍
- Concurrent UI Pattern
- 자바스크립트로 알아보는 함수형 프로그래밍
- 멘토에게 묻다
- javascript 일급 함수
- Concurrent 모드
- js 함수형 프로그래밍
- react 선언형
- 클로져
- 개발자 독서
Archives
- Today
- Total
목록useState 동작원리 (1)
Hengxi's 개발 블로그
[React] useState의 동작원리
React Hooks에서 가장 많이 사용되는 useState...! 가장 많이 사용하고 있음에도, useState가 정확히 어떻게 동작하는지 생각해 본 적이 없는 것 같다. React를 깊게 공부해보고 싶었고 이번 기회에 useState의 동작 원리에 대해 정리를 해보고자 했다. 클로져(Closure) 그전에 useState를 이해하기 위해 javascript의 개념인 클로져를 알고 가면 좋을 것 같다. 클로져는 자신이 사용하는 변수를 기억하고 어딘가에 저장해두는 특성이 있다. 변수를 Capture 한다고 하며, 일반적으로 사라져야 할 변수라도 어떤 클로져에서 사용된다면 사라지지 않고 잡아 붙들린 것이라고 보면 되겠다. function outer() { let outerVar = 1; function i..
개발/React
2022. 11. 13. 19:55