useState 동작을 직접 구현하려 하다보니 자바스크립트 기본기가 정말 중요하다는 것을 느꼈습니다. 이 글을 통해 간단하게 useState를 구현하면서 자바스크립트의 기본기와 더불어 useState의 동작 원리를 알아보려합니다.첫번째 useState 구현 시도우선 맨처음 useState를 구현했던 코드입니다. 해당 코드는 문제가 있습니다.function useState(state) { let _val = state; function setState(newState) { _val = newState; } return [_val, setState];}const [state, setState] = useState(0);console.log(state);setState(1);..

클로저란? 클로저란 함수가 선언된 환경의 스코프를 기억하여 함수가 스코프 밖에서 실행될 때에도 기억한 스코프에 접근할 수 있게 만드는 문법이다. 음... 텍스트로는 이해가 어려우니 직관적인 코드로 살펴보자! function a(name) { const greet = 'hello, '; // 지역 스코프라 함수가 종료되면 메모리에서 사라짐. return function () { console.log(greet + name); }; }; const world = a("world"); const ik = a("ik"); world(); // hello, world ik(); // hello, ik 현재 전역 Lexical 환경에는 현재 각각 `a()`과 `world()`, `ik()`이 들어있다. a의 Lex..