Angular typescript 검색 기능 예시 ts / Date 날짜 비교

 searchCondition(): void {
    this.items = this.orderService.getItem();
    // 탭
    if (this.currentTab !== '전체') {
      this.items = this.items.filter(
        (_item) => _item.state === this.currentTab
      );
    }
    // 카테고리
    if (this.currentBranch !== '지점') {
      this.items = this.items.filter(
        (_item) => _item.branchName === this.currentBranch
      );
    }
    // 날짜
    if (this.startAt && this.endAt) {
      this.items = this.items.filter((_item) => {
        return (
          dayjs(_item.createdAt).isAfter(dayjs(this.startAt)) &&
          dayjs(_item.createdAt).isBefore(dayjs(this.endAt))
        );
      });
    } else if (this.startAt && !this.endAt) {
      this.items = this.items.filter((_item) => {
        return dayjs(_item.createdAt).isAfter(dayjs(this.startAt));
      });
    } else if (!this.startAt && this.endAt) {
      this.items = this.items.filter((_item) => {
        return dayjs(_item.createdAt).isBefore(dayjs(this.endAt));
      });
    }
    // 검색어
    if (this.searchKeyword) {
      this.items = this.items.filter((_item) => {
        return (
          _item.ordererName.includes(this.searchKeyword) ||
          _item.product.includes(this.searchKeyword)
        );
      });
    }
    this.setPage();
  }

1. filter 함수 사용시 {} 중괄호를 표기하여 안에 로직을 작성할 경우 반드시 boolean 값을 return 하라고 명시해야 합니다.