Search
♻️

데이터 / 계산 / 액션 미니과제 - Before

데이터 / 계산 / 액션 미니과제 - Before

Pattern: 계산 추출

•
문제: 액션 함수 안에 비즈니스 로직이 섞여 있음
•
해결: 순수 계산 로직을 별도 함수로 추출
 Case 1: 기본 분리 패턴
•
문제: 복잡한 비즈니스 로직을 한 번에 처리
•
해결: 작은 계산들을 조합
 Case 2: 계산을 조합(Composition)하기
•
문제: 검증 로직이 UI 이벤트 핸들러에 섞임
•
해결: 검증 로직을 컴포넌트 바깥 순수 함수로 분리
Case 3: 검증(Validation) 로직을 계산으로
•
문제: 상태 업데이트 로직에 부수효과가 섞임
•
해결: Reducer를 순수 계산으로 작성
Case 4: Reducer로 상태 관리하기
•
문제: 이벤트 핸들러에 모든 로직이 집중
•
해결: 이벤트 처리(액션)와 로직(계산) 분리
Case 5: 이벤트 핸들러를 가볍게