반응형 Front-End/디자인 패턴4 프로미스 패턴 끝까지 파헤치기 모던 자바스크립트에서 비동기 프로그래밍은 빼놓을 수 없는 요소다.비동기 프로그래밍은 브라우저가 이벤트에 응답하여 다른 코드를 실행하는 동안 백그라운드에서 오랜 시간이 걸리는 작업을 수행하게 해준다. 그중 프로미스는 가장 핵심적인 개념으로 많은 개발자들이 비동기 프로그래밍을 구현하는데 활용하고 있다.그런데 프로미스라고 하면 보통 Pending, Fulfilled, Rejected의 세가지나 async / await을 사용하는 정도로만 생각한다. 실무 관점에서 보면 이론적인 개념보다는 활용을 잘하는 것이 중요하기 때문에 당연하다. 그러나 고급스러운 비동기 프로그래밍을 구현하다보면 프로미스에 대한 깊은 이해는 필수적으로 요구된다.이번 글에서는 프로미스 패턴을 끝까지 파헤쳐 보면서 알아두면 유용한 개념들을 학습.. 2025. 4. 10. MVVM 패턴의 이해 - MVC, MVP 패턴과의 비교 안녕하세요. 지난 시간 MVC를 기반으로 다양한 MV* 파생 모델들이 등장했고 첫 번째 형태인 MVP 모델을 살펴보았습니다.오늘은 프론트엔드 아키텍처의 대표적인 디자인 패턴인 MVVM에 대해 알아보고, MVC, MVP 패턴과의 차이점을 살펴보겠습니다. MVC에서 MVVM까지의 진화MVC(Model-View-Controller) 패턴은 많은 개발자들이 애용하는 전통적인 디자인 패턴입니다. 하지만 MVC 패턴에서는 View와 Model이 서로 강한 의존성을 가지는 문제가 있었습니다. 이러한 문제를 해결하기 위해 MVP(Model-View-Presenter)와 MVVM(Model-View-ViewModel) 패턴이 등장하게 되었습니다.MVVM 패턴의 구조와 동작 방식MVVM 패턴은 다음과 같은 세 가지 주요 .. 2025. 2. 12. MVP 패턴 이해하기: 개념, 활용 사례, MVC와의 차이점 MVC 패턴은 뷰가 모델을 실시간으로 구독하여 변경사항을 반영하는 것이었습니다.이러한 패턴에서는 뷰와 모델이 서로 깊은 관계를 갖게 되어, 컨트롤러가 있다 하더라도 완전한 분리가 어렵습니다.MVP 패턴은 뷰와 모델이 서로의 존재를 아예 모른다는 전제로 구현된 패턴입니다.지금부터 MVP 패턴의 특징과 MVC 패턴과의 차이점을 살펴보겠습니다.1. MVP 디자인 패턴이란?MVP(Model-View-Presenter)는 애플리케이션의 로직, UI, 데이터를 분리하여 유지보수 테스트 용이성을 높이는 디자인 패턴입니다. 각 구성요소는 다음과 같습니다.Model: 데이터와 비즈니스 로직을 관리합니다.View: UI를 표시하고 사용자 입력을 Presenter에 전달합니다.Presenter: View와 Model 사이의.. 2025. 2. 5. MVC 패턴의 역사와 현대 자바스크립트 패턴에 끼친 영향 MVC 패턴은 가장 유서 깊은 디자인 패턴 중 하나입니다.현대 어플리케이션 아키텍쳐를 구성하는 대부분의 이론들이 MVC 패턴에서 파생되었습니다.그만큼 개발자가 MVC 패턴을 이해하는 것은 중요합니다.본 게시글에서는 MVC 패턴의 역사와 주요 특징을 살펴보고 현대 디자인 패턴이 MVC 패턴을 기반으로 어떻게 발전했는지 알아보겠습니다.MVC 패턴의 역사SmallTalk과 MVC 패턴1970년대에는 GUI(Graphic User Interface)라는 개념이 거의 존재하지 않았기 때문에 현실의 데이터(자동차, 사람 등)를 프로그램에서 모델링하는 도메인 객체와 사용자 화면에 렌더링되는 프렌젠테이션 객체 사이를 명확하게 구분하는 수단으로 ‘분리된 프레젠테이션’(Separated Presentaion)이라는 개념이.. 2025. 2. 3. 이전 1 다음
