프론트엔드 개발자 엄성준 블로그

  • 홈
  • 태그

useReducer 1

기존의 useState를 useReducer로 변경

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..

카테고리 없음 2023.07.05
이전
1
다음
더보기
프로필사진

꾸준함을 강점으로 삼고 있는 프론트엔드 개발자 엄성준 블로그입니다.

  • 카테고리 📂 (380)
    • 코딩 테스트 풀이 🛠 (232)
    • 지식 정리 📝 (76)
    • zero-base 프론트엔드 스쿨 ⛪️ (20)
    • 3월 협업 프로젝트(1석 4조) 👨‍👩‍👧‍👦 (19)

Tag

indexOf(), next.js, 프론트엔드 개발자, react, forEach(), 프론트엔드 스쿨, 제로베이스, exceljs, autowini, String(), 오토위니, 프론트엔드 개발자 엄성준, 프론트엔드, sort(), split(), Number(), join(), 프로그래머스, 엄성준, 제로베이스 프론트엔드 스쿨,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

방문자수Total

  • Today :
  • Yesterday :

꾸준함이 강점이자 자랑인 프론트엔드 개발자 엄성준 입니다.

  • Github
  • 📷 Instar
  • 🎨Portfolio

티스토리툴바