반응형 useState2 👀 useReducer란? #7 이번 포스팅은 useReducer에 대해 알아보려고 한다. 먼저 reducer의 역할은 컴포넌트 내부에 state변수를 업데이트하는 이벤트핸들러가 여러 개를 작성하여 사용하는 경우가 있다. 점점 이벤트 핸들러가 많아지게 된다면 컴포넌트의 내부의 코드량은 점점 증가한다. 이 문제를 해결하기 위해 state변수를 업데이트하는 로직을 reducer로 활용하여 컴포넌트 외부에서 통합하여 관리하는 역활을 한다. 그렇기 때문에 무조건적으로 reducer를 사용하는 것이 아닌 useState의 set함수를 활용한 이벤트핸들러를 구현하여 사용하는것과 같은 역할을 하기 때문에 사람들마다 reducer를 사용하는 사람과 사용하지 않는 사람으로 나눌 수 있다. ◼ useState와 useReducer 차이점 먼저 useSt.. 2024. 1. 5. 👀 useState란? #4 이번 포스팅에서는 React의 컴포넌트의 상호작용 방법중 한가지인 다루기 위한 useState에 대해 살펴보려한다. 일반적으로 이벤트 핸들러에 사용자 정의 함수를 추가하여 상호작용하는 것을 많이 사용했을것이다. 하지만 React에서는 추가적으로 컴포넌트의 state를 필요에 따라 업데이트하여 상호작용을 지원합니다. 일반적인 상호작용 (이벤트 핸들러) 먼저 일반적으로 사용하는 상호작용 방법중의 이벤트 핸들러를 사용한 방법에 대해서 설명해보도록 하겠다. 아래의 코드는 이벤트 핸들러를 사용한 상호작용에 대한 코드이다. function SendButton(){ const ClickHandler = (e)=>{ console.log("저장되었습니다"); } return( 저장 하기 ) } State를 활용한 상호.. 2023. 12. 23. 이전 1 다음 반응형
