12월 16일
- 테스팅을 고려해서 나누는 방법이 애매해?
메시지 모달의 형태
- 메시지 출력 부분
- 데이터를 변경을 취소 또는 확인을 제어하는 버튼 부분
Props로 받을 수 있는 것
- 메시지 텍스트
- 서브 메시지 텍스트
- 버튼의 함수는 모달 컴포넌트 안에서 제어하고 버튼 함수에서 사용되는 외부 변수
메시지 모달이 하는 일
- 메시지 출력
- 단순 로직을 제어하기전에 취소, 확인만 제어하기
- 문제점
- 데이터가 시시각각 상황에 따라 변경되기 때문에 추상화가 어렵다.
- 해결 방법
- 이런 모달은 기본적인 뷰는 통일한다. (그리드로 메시지, 데이터, 버튼 부분의 크기는 일정하게 보여지도록 제어하기.)
- 이 틀을 사용해서 Props로 받는 영역은 HOC를 Props로 받아서 영역에 보함되도록 설계하기
이렇게 했을 때 장점
- 테스트를 할 때, 모달을 테스트하기도 편하다.
- 컴포넌트로 데이터 흐름을 미리 예측할 수 있기 때문에 테스트를 할 때 컴포넌트를 테스트 하면 되기 때문에 편리하다
- 데이터를 다루는 모델에서 사용하는 컴포넌트 분류 방법
- 메시지 영역은 분자 Header 폴더에 저장하기
- 데이터 영역은 분자 Model에 저장하기
- 버튼 컨테이너 영역은 분자 Button에 저장하기
메시지 모달이 하는 일
- 메시지 출력
- 단순 로직을 제어하기전에 취소, 확인만 제어
나머지 데이터를 변경하는 로직, 서버와 통신하는 로직은 외부에 위임하기.