구조의 장단점은 무엇이 있을까?
간단한 설명
- 진입점인 app.js에서 싱글페이지 라우팅을 담당
- view는 html과 이벤트 등록 + AbstractView로부터 상속되는 클래스로 구현
- controller는 view에서 event-emitter로 호출됨 + model의 데이터를 조회하고 이벤트 핸들러 함수들로 구성됨
- model은 데이터를 저장하고 분석하는 역할
장점
- MVC 패턴을 적용하려하여 최대한 각 역할에 맞게 구분되어 있다는 것. 그렇기 때문에 디버깅시 손봐야할 곳이 어딘지 쉽게 알 수 있다.
controller는 전역변수 사용을 자제하고 함수형으로 프로그래밍되어 있고 model과 view는 클래스로 구현되어 있다는 것?- 파일을 작은 단위로 나눠서 파일 하나의 코드 길이가 길지 않다는 것
단점
- 파일이 세분화되어있어서 특정 요소를 찾을 때 깊이 들어가야할 수도 있다는 것 (디렉토리 깊이가 깊어질 우려)
- 새로운 구성을 추가할 경우 각 디렉토리에 뿔뿔히 흩어져 있는 파일들을 일일이 찾아서 수정하거나 추가해줘야한다는 점
- 추상클래스를 제대로 활용하지 못했다는 점 (모달창의 경우 추상클래스를 적용하지 못했음 -> 확장성이 부족함)
- 상태관리를 제대로 활용하지 못했다는 점 (특정 컴포넌트가 상태마다 달라질 수 있도록 컨트롤하지 못했음 -> 새로운 구성 추가시마다 새로운 파일을 생성하고 작업할게 꽤 있다는 점)
Earn this, Earn it.