# Observe

dev_jazziron

옵저버 패턴? 데이터 종속적인 인터페이스가 데이터의 변화를 감시하는 구조 RxJS(Reactive Extensions For JavaScript) 없이, 웹 브라우저에서 제공하는 옵저버 IntersectionObserver: 루트 영역(뷰포트)와 대상 객체의 겹침을 감시 MutationObserver: 객체의 속성 변경을 감시 PerformanceObserver: 프로세스 성능 모니터링 ReportingObserver: 웹 사이트의 표준 및 정책 준수 현황을 감시 ResizeObserver: 객체의 너비, 높이의 변화를 감시 Intersection Observer 개념 특정 DOM 객체가 우리가 보는 화면 영역(viewport)와 겹치는 교차 이벤트를 감시 기존 문제점 및 장점 1. 문제점 scroll 이벤트는 단시간 수백번 ~ 수천번 호출, 동적

iseeu95

디자인패턴 중 Observer 패턴 역할 1) 어떤 상황이 발생하는지 잘 관찰하는 것 2) 특정상황이 발생하면 그 사실을 꼭 알아야하는 다른 대상들에게 전파해 주는 것 이런 개념이 개발에도 꼭 필요한 경우가 있다. Ex; 채팅 프로그램 -> 채팅방에 10명의 대화자가 참가중인데 이중에 누구든 글을 쓰면 다른 대회자들도 그 내용을 볼 수 있어야 하기 때문 Observe 패턴의 TObserve 클래스의 핵심 기능 1) TObserve 클래스는 전파대상들을 TList에 보관 2) 어떤 상황이 일어나면 TList 안에 보관된 전파대상의 특정 이벤트를 발생시켜 줌 *문법 1)Indexof ->IndexOf(const Value: T): Integer - 목록에서 Value 인덱스 반환(없으면 -1) 2)OnClick 이벤트를 코드 내에서 강제 발생시키기 ->버튼Name.OnClick(self), 콤보박스.OnChange(self) 이렇게 넣으면