디자인패턴: 5. 옵저버 패턴 (Observer Pattern)
주체가 어떤 객체의 상태 변화를 관찰하다가 상태 변화가 있을 때마다 메서드 등을 통해 옵저버 목록에 있는 옵저버들에게 변화를 알려주는 디자인 패턴이다. export class Store { constructor(state) { this.state = {}; this.observers = {}; for (const key in state) { Object.defineProperty(this.state, key, { get: () => state[key], set: (val) => { state[key] = val; if (Array.isArray(this.observers[key])) { this.observers[key].forEach(observer => observer(val)); } } }) } }..
CS 컴싸
2024. 4. 3. 18:19
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 디자인패턴
- 컴싸
- CSS
- 국비지원교육
- 코드펜
- HTML
- KDT
- 내일배움카드
- 싱글톤패턴
- 팩토리패턴
- 의존성주입
- 프론트엔드
- 인라인요소
- 패스트캠퍼스
- 옵저버패턴
- inline
- 프론트엔드 부트캠프
- 부트캠프
- PDU란
- 프로젝트시작하기
- PDU
- 바닐라JS
- 사이트클론
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 |
글 보관함