클로저에 대해서 제가 아는 부분을 공유합니다!
클로저에 대해서 어렴풋이 알고 있었지만, 막상 이벤트 핸들러 안에서 그것을 바라보니 조금 이해가 안되었는데요!
저처럼 아직 클로저가 익숙하지 않은 분들은 이벤트핸들러를 분리해서 보면 조금 더 이해가 쉽습니다!
그리고 디버거를 이용해서 스코프 안에 있는 변수들을 같이 보면 조금 더 이해가 되실거에요!
일단 클로저를 "어떤 함수가 선언될 때 외부 영역을 기억하는 것" 이라고 생각하고 이 코드를 바라보면
onHelloButtonHandler 라는 함수(이벤트핸들러) 가 선언될 때 myCardCount 의 값을 기억합니다. 즉, Add Card를 할 때마다 + 1씩 올라간다고 하더라도 onelloButtonHandler 에게는 선언될 당시의 cardCount 를 myCardCount 로 받아서 기억하는 것이죠! 개발자 도구 우측에 Scope을 보면 onHelloButtonHandler 함수의 스코프체인을 볼 수 있는데요. myCardCount 가 로컬에 없기 때문에 그 위 스코프를 바라보는데요! 그 스코프가 바로 클로저이고! 저 클로저 스코프 안에 있는 myCardCount 라는 값은 이 함수가 선언될 당시의 값으로 정해집니다! 끝!!
Câu trả lời 1
수강자료 다운로드 관련 문의
0
15
2
선택정렬 이해하기 & 구현하기
0
8
1
mission12-01 guide.md파일 누락
0
13
1
자료집 관련
0
22
2
13. (App 2) 기본기 훈련 에서
0
31
1
챌린지 시작일 문의
0
37
0
2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중
0
27
1
11차시 Antigravity IDE 설치 후
0
30
1
처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법
0
35
1
5,6,7,8 내용이 없어요
0
32
1
ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?
0
30
1
깃헙 초대 관련
0
95
2
virtual dom과 관련된 인식 피드백
0
88
1
getInitialHTML을 꼭 빌드된 dist 디렉토리 내 파일에서 import하는 이유가 있나요??
1
187
2
번들러를 꼭 사용해야하나요?
3
666
1
filter test 마지막 문제 결과값이 이상합니다.
2
372
1
reactivity.js 를 proxy로 수정 후 오류
0
541
2
첫 강의 배포 & 번들러의 기초에 대한 제 이해가 맞는지 궁금합니다
1
547
1
yarn dev 안되요..
1
578
1
yearn create 1분정도
1
357
1
콘솔창 $0과 this에 대해
0
701
1
소스파일
0
699
2
백틱 치환 기능이 궁금합니다.
0
572
1
쇼핑물 api 입니다.
4
822
1