[원티드] 실전 스킬 : 비즈니스 로직 완전 정복 with React

이 글은 네이버 블로그에 2024년 8월 18일에 올렸던 것을 그대로 옮겨온 것입니다.

• 우리의 컴포넌트가 복잡해지는 원인

• 복잡도, 데이터 / 계산 / 액션, 코드스멜

• '일을 줄이기 위한 일'을 해야 하는 이유

• 신입은 절대 모르는 섬, 복잡도

• 추상화는 취향이 아니다, 오직 원칙과 협력 뿐

1. 데이터 / 계산 / 액션만 구분해도 중간은 간다

• 비즈니스 로직을 제압하는 개발자가 퇴근을 한다

• 비즈니스 로직, 도메인, 관심사의 분리

• 비즈니스 로직이란?

• 우리의 '소프트웨어'가 '하드'한 이유

• 2. 물과 기름처럼 비즈니스 로직 격리하기

• SOLID한 컴포넌트 만들기

• IoC, SOLID, React Component Patterns

• 함수를 나누어도 해결되지 않는 것들

• 제어의 역전 (Inversion of Control)

• React 컴포넌트는 어떤 요소들로 구성되어 있을까?

• 3. SOLID를 통한 컴포넌트 심폐소생술

• Logic First, React Later

• Redux와 React Query로 옵저버 패턴을 깨닫기까지

• Custom Hook, Core Logic, Adaptor, useSyncExternalStore, Design Pattern

• 'React 다운 코드' 다시 생각하기

• Core -> Adaptor -> React

• 4. 난잡한 코드베이스를 위한 추상화 벽 시공법

• React, 재발견하기