// 이전: 컴포넌트에서 리소스 관리
const ChatComponent = () => {
  useEffect(() => {
    // 채팅방 입장 이벤트 전송
    socket.send(JSON.stringify({
      type: 'JOIN_ROOM',
      roomId: roomId
    }));
    
    return () => {
      // 컴포넌트 언마운트 시 채팅방 퇴장 이벤트 전송
      socket.send(JSON.stringify({
        type: 'LEAVE_ROOM',
        roomId: roomId
      }));
    };
  }, [roomId]);

  // 비즈니스 로직...
}

// 이후: 웹소켓 모듈 사용
const ChatComponent = () => {
  // 리액트 쿼리와 유사한 API
  const { data, isLoading } = useWebSocketResource({
    resourceType: 'CHAT_ROOM',
    resourceId: roomId,
    // 리소스 관리는 모듈에서 자동으로 처리
  });

  // 비즈니스 로직에만 집중
}

// 이전: 구독 해제 누락
ngOnInit() {
  this.dataService.getData().subscribe(data => {
    this.data = data;
  });
}

// 이후: 구독 관리 패턴 적용
private destroy$ = new Subject<void>();

ngOnInit() {
  this.dataService.getData()
    .pipe(takeUntil(this.destroy$))
    .subscribe(data => {
      this.data = data;
    });
}

ngOnDestroy() {
  this.destroy$.next();
  this.destroy$.complete();
}