상태관리 (1) 썸네일형 리스트형 React Coupon Selector에서 발생한 isToggle과 maxPriceCoupon 동기화 문제 해결하기 들어가며개발을 하다 보면 간단해 보이는 기능도 실제 구현 과정에서 예상치 못한 복잡성을 마주치게 됩니다. 최근 제가 경험한 쿠폰 선택 기능 구현 과정이 바로 그랬습니다. 자동/수동 쿠폰 선택이라는 겉보기에 단순한 기능이, 여러 상태값들이 얽히면서 꽤나 까다로운 문제로 발전했던 경험을 공유하고자 합니다. 구현하고자 했던 기능우리 프로젝트에서는 사용자에게 두 가지 쿠폰 선택 방식을 제공하고자 했습니다:자동 선택: 시스템이 자동으로 최대 할인 쿠폰을 선택수동 선택: 사용자가 직접 원하는 쿠폰을 선택이를 위해 isToggle이라는 상태값으로 자동/수동 모드를 전환하고, maxPriceCoupon으로 최대 할인 쿠폰을 관리하는 방식을 선택했습니다. 발생한 문제처음에는 단순하게 접근했습니다. isToggle이 fa.. 이전 1 다음