원티드 프리온보딩 프론트엔드 코스를 한지 벌써 한달이 다 되어가는데, 이번주 세션에서는 정말 흥미로운 내용이 많았다 ! (사실 매주 흥미로웠음 ㅎ) 세션중에 멘토님께서 계속 강조했던 부분은 redux던, react-query던 내부적으로 어떻게 돌아가는지 코드를 까봐라 ! 공부가 정말 많이된다 ! 였다. 그러던 중 듣고 있던 나에게 정말 흥미로운 내용을 던져주셨는데 "useState와 클로저 연관지어 설명해보라 " 였다. 사실 머리가 백지 그 자체 였지만 "당장은 아는척하고 넘어가고 모르면 얼른 찾아보고 공부하면 문제가 없다"하셨다. . ^^ 모르지만 아는척하고 넘어갔으니 오늘은 useState의 원리와 클로저. 꼭 알고 넘어갈것 ! React Hook에서의 useState react에서는 상태가 변경되..

event listener는 등록되면 반드시 해제되어야 합니다. 클래스형 컴포넌트에서는 컴포넌트가 화면에서 사라질 때(unmount 될 때) event listener를 해제합니다. (componentWillUnmount에서요!) 그럼 라이프사이클 메소드를 사용할 수 없는 함수형 컴포넌트에서는 event listener를 해제할 때 어떻게 해야할까요? useEffect(() => {} , []) 위 코드에서 []를 dependancy array(의존성 배열)이라고 한다. useEffect는 첫번째 랜더링 시에는 화살표 함수만을 실행한다. 이후 두번째 랜더링(리랜더링)부터는 의존성 배열에 변화가 있는지 확인을 한 뒤 바뀐게 있을때만 화살표 함수를 실행한다. 클래스형 컴포넌트에서는 dom 요소가 있을때만 이..