Add Settings Popup

src/app/services/popup.service.ts

@@ -0,0 +1,42 @@
+import { Injectable, signal, Type } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class PopupService {
+  /**
+   * 현재 활성화된 팝업 컴포넌트들의 리스트 (Signal)
+   */
+  activePopups = signal<Type<any>[]>([]);
+
+  /**
+   * 팝업을 엽니다. 이미 열려있는 동일한 컴포넌트가 있다면 중복해서 열지 않습니다.
+   */
+  open<T>(component: Type<T>) {
+    this.activePopups.update((popups) => {
+      if (popups.includes(component)) return popups;
+      return [...popups, component];
+    });
+  }
+
+  /**
+   * 특정 컴포넌트를 닫습니다.
+   */
+  close(component: Type<any>) {
+    this.activePopups.update((popups) => popups.filter((p) => p !== component));
+  }
+
+  /**
+   * 가장 최근에 열린(마지막) 팝업을 닫습니다.
+   */
+  closeLast() {
+    this.activePopups.update((popups) => popups.slice(0, -1));
+  }
+
+  /**
+   * 모든 팝업을 닫습니다.
+   */
+  closeAll() {
+    this.activePopups.set([]);
+  }
+}