Hengxi's 개발 블로그

React Hooks에서 가장 많이 사용되는 useState...! 가장 많이 사용하고 있음에도, useState가 정확히 어떻게 동작하는지 생각해 본 적이 없는 것 같다. React를 깊게 공부해보고 싶었고 이번 기회에 useState의 동작 원리에 대해 정리를 해보고자 했다. 클로져(Closure) 그전에 useState를 이해하기 위해 javascript의 개념인 클로져를 알고 가면 좋을 것 같다. 클로져는 자신이 사용하는 변수를 기억하고 어딘가에 저장해두는 특성이 있다. 변수를 Capture 한다고 하며, 일반적으로 사라져야 할 변수라도 어떤 클로져에서 사용된다면 사라지지 않고 잡아 붙들린 것이라고 보면 되겠다. function outer() { let outerVar = 1; function i..

일급 함수 일급 함수는 함수를 값으로 다룰 수 있는 개념을 말한다. 1. 변수에 함수 담기 var f1 = function(a) { return a * a }; console.log(f1); // function(a) { return a * a } 자바스크립트에서는 위처럼 변수에 함수를 담을 수 있다. 2. 함수를 인자로 받기 function f3(f){ return f(); } console.log(f3(function() { return 10; })); // 10 console.log(f3(function() { return 20; })); // 20 f3 함수는 함수를 인자로 받아 함수 내부에서 함수를 평가 후 그 결과를 return 하는 함수이다. 이러한 일급 함수라는 개념과 순수 함수라는 특징을..