![]()
useStateconst [state, setState] = useState(initialState)useState는 배열을 반환하고 비구조화 할당을 통해 state, setState를 추출하여 사용한다. 그렇다면 useState는 어디서 오는 것일까? 함수형 컴포넌트는 렌더링이 발생하면 함수 자체가 다시 호출된다. 그렇다면 어떻게 함수가 다시 호출되었을 때 이전의 상태값을 가져올 수 있는 것인가?바로! useState는 closure로 구현되어 있기 때문에 이전의 상태값을 유지할 수 있다!그렇다면 closure란 무엇인가? 이에 대해 먼저 확인해 보자! closure란?mdn에 따르면 함수와 그 주변 상태(lexical environment, 함수가 정의될 때 주변의 스코프와 변수에 대한 정보를 포함하..
교수님이 열심히 클로저 함수 강의해주시던 건 기억이 나지만 (시험 문제에도 나왔던 거 같다) 무슨 내용인지는 가물가물하다.. 오늘은 클로저 함수에 대해 알아보겠다! 클로저(Closure)란? MDN에 따르면 클로저는 함수와 함수가 선언된 어휘적 환경(lexical environment)의 조합이다. 즉, 클로저를 사용하면 내부 함수에서 외부 함수의 스코프에 접근할 수 있다. 클로저를 이해하려면 자바스크립트가 어떻게 변수의 유효 범위를 지정하는지(Lexical scoping)를 먼저 이해해야 한다. Lexical scoping에 대해서 먼저 알아보자 자바스크립트는 Lexical Scope를 따른다! (반대되는 것은 Dynamic Scope) Lexical Scope는 함수와 변수의 scope를 정의된 위치..
