본문 바로가기

CS37

[CS] MVC 패턴, MVP 패턴, MVVM 패턴 MVC 패턴 MVC패턴은 모델(Model), 뷰(View), 컨트롤러(Controller)로 이루어진 디자인 패턴 모델 (Model) 모델(model)은 애플리케이션의 데이터인 데이터베이스, 상수, 변수 등을 뜻 함 뷰에서 데이터를 생성하거나 수정할 때 컨트롤러를 통해 모델이 생성 또는 업데이트 됨. 예를 들어 사용자가 네모박스에 글자를 적는다고 한다면, 이 때 모델은 네모박스의 크기정보, 글자내용, 글자의 위치, 글자의 포맷 정보 등이 됨 뷰 (View) 뷰(view)는 inputbox, checkbox, textarea 등 사용자 인터페이스 요소를 나타내며 모델을 기반으로 사용자가 볼 수 있는 화면을 뜻함. 모델이 가지고 있는 정보를 따로 저장하지 않아야 하며 변경이 일어나면 컨트롤러에 이를 전달해야.. 2023. 9. 19.
[CS] 프록시 패턴 프록시 패턴 프록시패턴이란 객체가 어떤 대상 객체에 접근하기 전, 그 접근에 대한 흐름을 가로채서 해당 접근을 필터링하거나 수정하는 등의 역할을 하는 계층이 있는 디자인패턴 프록시 서버 서버 앞단에 두어 캐싱, 로깅 등에 활용하는 프록시서버가 대표적인 예 function createReactiveObject(target, callback) { const proxy = new Proxy(target, { set(obj, prop, value) { if (value !== obj[prop]) { const prev = obj[prop]; obj[prop] = value; callback(`${prop}가 [${prev}] >> [${value}] 로 변경되었습니다`); } return true; }, });.. 2023. 9. 18.
[CS] 옵저버 패턴 옵저버 패턴 옵저버패턴이란 주체가 어떤 객체(subject)의 상태 변화를 관찰하다가 상태 변화가 있을 때마다 메서드 등을 통해 옵저버 목록에 있는 옵저버들에게 변화를 알려 주는 디자인 패턴 트위터의 메인 로직, MVC 패턴에도 적용 import java.util.ArrayList; import java.util.List; interface Subject { public void register(Observer obj); public void unregister(Observer obj); public void notifyObservers(); public Object getUpdate(Observer obj); } interface Observer { public void update(); } class.. 2023. 9. 6.
[CS] 전략 패턴 전략 패턴 전략 패턴이란 전략이라고 부르는 '캡슐화한 알고리즘'을 컨텍스트 안에서 바꿔주면서 상호 교체가 가능하게 만드는 디자인 패턴 import java.text.DecimalFormat; import java.util.ArrayList; import java.util.List; interface PaymentStrategy { public void pay(int amount); } class KAKAOCardStrategy implements PaymentStrategy { private String name; private String cardNumber; private String cvv; private String dateOfExpiry; public KAKAOCardStrategy(String.. 2023. 9. 5.
[CS] 의존성주입(DI, Dependency Injection)과 의존관계역전원칙(DIP, Dependency Inversion Principle) 의존성주입(DI, Dependency Injection)과 의존관계역전원칙(DIP, Dependency Inversion Principle) 의존성주입(DI, Dependency Injection) 의존성주입(DI, Dependency Injection)이란 메인 모듈(main mudule)이 ‘직접’ 다른 하위 모듈에 대한 의존성을 주기보다는 중간에 의존성 주입자(dependency injector)가 이 부분을 가로채 메인 모듈이 ‘간접’적으로 의존성을 주입하는 방식 이를 통해 메인 모듈과 하위 모듈간의 의존성을 조금 더 느슨하게 만들 수 있으며 모듈을 쉽게 교체 가능한 구조로 만듬 '의존한다' 라는 의미 A가 B에 의존한다. == B가 변하면 A에 영향을 미치는 관계 == A → B 를 의미 (B가.. 2023. 9. 3.
[CS] 이터레이터 패턴 이터레이터 패턴? 이터레이터패턴은 이터레이터(iterator)를 사용하여 컨테이너의 요소들에 접근하는 디자인 패턴 컨테이너란 동일한 요소들을 담아놓는 집합 → 배열, 맵 등이 있음 장점 각기 다른 자료구조들을 똑같은 인터페이스로 순회를 쉽게 할 수 있음 이터레이터 패턴은 컬렉션과 순회 로직을 분리함으로써 코드의 유연성, 재사용성, 유지보수성을 개선하며, 다양한 컬렉션을 일관된 방식으로 다룰 수 있는 강력한 디자인 패턴 js const mp = new Map() mp.set('a', 1); mp.set('b', 2); mp.set('cccc', 3); const st = new Set() st.add(1); st.add(2); st.add(3); const a = [] for (let i = 0; i < .. 2023. 9. 2.

티스토리툴바