[React.js] React.js에서의 클로저(컴포넌트 상태 관리의 이해)
클로저란?자바스크립트의 핵심 개념중 하나로 간단하게 얘기하자면 함수가 선언된 환경을 "기억"한다는 의미입니다. 즉, 함수 자신이 생성될 때 접근할 수 있었던 변수들을 후에도 계속 접근할 수 있게 하는 기능입니다. 예제 코드로 클로저가 어떤 방식인지 설명하도록 하겠습니다. 예제 코드자바스크립트에서 함수는 그 함수가 선언된 스코프의 렉시컬 환경을 참조합니다. 이 환경은 함수가 접근할 수 있는 모든 지역 변수, 인자, 그리고 부모 스코프의 변수를 포함합니다.function outerFunction() { let outerVariable = 'I am outside!'; function innerFunction() { console.log(outerVariable); } return innerF..
React.js
2024. 5. 21. 23:07
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- dynamic routing
- stompjs
- React.JS
- useMemo
- NextAuth
- useState
- js
- React
- react-query
- sepolia
- web3
- baekjoon
- 25329
- Next.js
- 4659
- 백준
- useCallback
- zustand
- RefreshToken
- 해시를 사용한 집합과 맵
- revalidatePath
- 9575
- rc-dock
- 24431
- 20551
- react.memo
- eventemitter3
- react-three-fiber
- revalidateTag
- useQuery
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함