range 임시저장

   // setPriceRange() {

    //     const minInputValue = (this.searchCondition.minprice / this.priceGap)
    //     const minPercentage = minInputValue * 10
    //     const maxInputValue = (this.searchCondition.maxprice / this.priceGap)
    //     const maxPercentage = 100 - (maxInputValue * 10)

    //     const rangeMin = document.getElementById('rangeMin') as HTMLInputElement;
    //     const rangeMax = document.getElementById('rangeMax') as HTMLInputElement;

    //     const thumbLeft = (document.getElementById('thumb-left') as HTMLDivElement);
    //     const thumbRight = (document.getElementById('thumb-right') as HTMLDivElement);
    //     const range = (document.getElementById('filter-range') as HTMLDivElement);

    //     if (rangeMin === null || rangeMax === null) {
    //         return
    //     } else {
    //         rangeMax.value = String(maxInputValue)

    //         thumbRight.style.right = maxPercentage + "%";
    //         range.style.right = maxPercentage + "%";


    //         console.log('언제돌긔?')
    //         rangeMin.value = String(minInputValue)
    //         thumbLeft.style.left = minPercentage + "%";
    //         range.style.left = minPercentage + "%";


    //         console.log(maxInputValue);
    //         console.log(maxPercentage);
    //     }
    // }

    //priceRange 관련 로직
    // onChange(event: Event) {

    //     const minInput = (document.getElementById('rangeMin') as HTMLInputElement);
    //     const maxInput = (document.getElementById('rangeMax') as HTMLInputElement);

    //     const thumbLeft = (document.getElementById('thumb-left') as HTMLDivElement);
    //     const thumbRight = (document.getElementById('thumb-right') as HTMLDivElement);
    //     const range = (document.getElementById('filter-range') as HTMLDivElement);

    //     const target = (event.target as HTMLInputElement)
    //     const [min, max] = [parseInt(target.min), parseInt(target.max)];

    //     if (target.id === 'rangeMin') {

    //         (event.target as HTMLInputElement).value = String(Math.min(parseInt(target.value), parseInt(maxInput.value) - 1));

    //         const percent = Math.ceil(((Number(target.value) - min) / (max - min)) * 100);
    //         thumbLeft.style.left = percent + "%";
    //         range.style.left = percent + "%";

    //         this.minValue = Number(target.value) * this.priceGap
    //         this.searchCondition.minprice = this.minValue
    //         console.log('여기도움직여?');

    //     } else {

    //         (event.target as HTMLInputElement).value = String(Math.max(parseInt(target.value), parseInt(minInput.value) + 1));

    //         const percent = Math.ceil(((Number(target.value) - min) / (max - min)) * 100);
    //         thumbRight.style.right = 100 - percent + "%";
    //         range.style.right = 100 - percent + "%";

    //         this.maxValue = Number(target.value) * this.priceGap
    //         this.searchCondition.maxprice = this.maxValue

    //     }

    //     this.setSearchCondition()
    // }