📚 BackboneJS

---

📕 BackboneJS 소개

등장배경

• 웹 서비스 규모 증가에 따른 복잡성이 증가하였다.
• DOM 조작, jQuery 방식의 한계로 유지보수가 어려워졌다.
• 화면의 변화를 다루던 사고에서 화면과 데이터의 분리에 대한 인식으로 MVC 아키텍처 가 등장했다.

장점

• 기존 코드를 유지보수할 때, 불필요한 영향을 최소화 할 수 있다.
• 사용자 경험 개선과 비즈니스 로직을 분리할 수 있다.
• 서로의 수정간의 독립성을 확립할 수 있다.

---

📗 MVC 아키텍처

MVC 아키텍처 정의

화면과 데이터의 분리를 통해 Model과 View를 분리, 상호작용이 필요한 작업을Controller를 통해 수행한다.

MVC 아키텍처 구성

• Model : 화면과는 무관한 실제 데이터와 데이터 처리를 다룸. 주로 데이터 구조, 생성, 저장, 수정 등의 역할을 한다.
• View : 사용자에게 보여지는 화면 다룸. 어떤 모양 형태로 보여질 지 담당한다.
• Controller : Model과 View의 상호작용을 담당한다.

---

📘 BackboneJS 주요 개념

BackboneJS 구조

• Model : 데이터만을 관리하며 변경사항의 전파 기능을 제공한다.
• Collection : Model의 리스트 형태를 관리하는 역할을 수행한다.
• Events : DOM Event 뿐 아니라, Model 변경 또한 이벤트로 간주하여 이벤트 기반 프로그래밍을 제공한다.
• View : Model의 값을 통해 화면에 출력(렌더링), 이벤트를 등록해 사용자 입력을 받아 Model을 변경한다.

---