깊이있는 스물이 되길 🌸
article thumbnail
[글또] 상태가 변화하는 과정을 Deep하게 공부해보기
React&Next.js 2024. 11. 24. 13:49

배경우리가 React를 사용하면서 제일 중요한 것이 데이터의 변화, 즉 상태를 관리하는 것이다.이러한 상태를 잘 관리하기 위해 React에서 상태의 변화를 먼저 알아보는 시간을 가졌다.초기 트리거 단계상태 선언useState를 이용해 상태를 생성 (useReducer, useState 등 다양한 방법으로 상태를 생성할 수 있다.)function Counter() { const [count, setCount] = useState(0); const handleClick = () => { setCount(1); setCount((prev) => prev + 1); setTimeout(() => { setCount((prev) => prev + 1); }, 1000); };}..

article thumbnail
[글또] Closure의 원리를 이용해서 useState 구현하기(1)
React&Next.js 2024. 10. 27. 20:27

1. Closure란 함수가 선언 될 때, 렉시컬 환경을 기억해 함수가 해당 스코프 밖에서 실행되어도 그 환경에 접근할 수 있는 현상이다.2. Closure의 핵심원리는 내부 함수의 생명주기가 끝났음에도 외부 환경의 변수에 대해 참조가 가능하다는 것이며 이를 활용해서 useState를 구현할 수 있다.3. useState를 통해 데이터를 관리하고 유지할 수 있다. 배경이번 면접의 사전 과제에서 Closure에 대한 개념과 어떻게 쓰이는지에 대한 내용을 작성하였다.그리고 사전 과제를 기반으로, 기술 면접 진행 과정에서 useState를 구현하는 시간을 가졌다.Closure을 아는 것에서 나아가 어떻게 활용되는지에 대해 추론해볼 수 있는 기회가 생겨 뜻깊었고,이를 떠올려보면서 최대한 기록해보려고 한다. Ja..