아키텍처
React 앱의 layer
Juntao Qiu의 React 모듈화 글을 따라 결제 화면을 view, model, data로 나눈다. 예제 저장소를 직접 돌려 찾은 useMemo 무력화와 fetch 반복, 이 구조를 언제 쓸지에 대한 판단도 정리했다.
상태 관리
프론트엔드 상태 관리를 지역·전역·서버·폼·URL·외부·가드 7가지 범주로 나누고, 범주마다 맞는 도구와 경계를 정리한다. 마지막에는 상태를 만들기 전에 던질 네 가지 질문으로 압축한다.
도메인 모델
프론트엔드에서 도메인 로직을 어디에 둘지 종합소득세 예시로 다룬다. 컴포넌트에 섞인 세금 계산을 순수 함수로 분리하고, 빈약한 도메인 모델, API 응답 변환 계층, ViewModel 분리, Class와 함수형의 응집 차이, 분리를 멈출 기준까지 정리한다.
도메인 용어
도메인, 도메인 모델, 도메인 오브젝트, 도메인 오브젝트 모델이 어떻게 다른지 Eric Evans와 Martin Fowler의 정의로 정리한다. API 응답 타입이 왜 도메인 모델이 아닌지, Entity와 Value Object를 어떻게 구분하는지 종합소득세 예시로 설명한다.