type UserInfoState = { id: string; passWord: string; }; type UserInfoAction = | { type: "setId"; payload: string; } | { type: "setPassWord"; payload: string; }; 기존에는 useState hook을 활용해서 로그인이나 회원가입할 때 입력 된 정보를 관리했었는데 실무에서 배운 useReducer방식에 대해서 작성해 볼까 합니다. 먼저 reducer함수를 생성해줘야 합니다. 또한 타입스크립트를 이용했기 때문에 state와 action의 type을 지정해줘야 합니다. function reducer(state: UserInfoState, action: UserInfoAction) { sw..