[김태형] 2021. 12. 12

오늘은 어떻게 프로젝트에 기여했나요?

• 상세보기 페이지에서 모든 기능을 완료하였고 추가적인 css 작업과 약간의 수정만 하면 모두 완성된다.
• 모두보기 페이지에서 필터링 기능구현을 시도하였다.

오늘의 프로젝트에서 힘든 점은 무엇인가요?

• 모두보기 페이지에서 필터링하는 기능이 많이 어려운것 같다.. 알고리즘 푸는 느낌이기도하고.. 한가지 기준만 적용이되면 쉬웠지만 3가지의 기준과 각 기준에서의 항목을 적용하여 필터링하는것이 생각보다 복잡했다...

// 처음 생각한 필터링 구현이다
// 각 기준에서 항목이 있을 때 필터하는 코드이지만 추가적인 보안작업이 필요할듯 하다...
// 추가적으로 각 버튼을 클릭시로 변경 후 기준들을 상태로 저장해서 하는 방향으로 수정예정중이다
  const filterServices = (category, price, free) => {
    if (category) {
      setCategoryName(category.target.textContent);
      if (category.target.textContent === "모든 카테고리") {
        setFilter(services);
      } else {
        let filtered = test.filter((service) => {
          return service.category === category.target.textContent.toLowerCase();
        });
        setFilter(filtered);
      }
    } else if (price) {
      setpriceName(price.target.textContent);
      if (price.target.textContent === "모든 가격") {
        setFilter(services);
      } else {
        let filtered = services.filter((service) => {
          return (
            Number(service.Prices[0].price.slice(0, -1)) <=
            Number(price.target.textContent)
          );
        });
        setFilter(filtered);
      }
    } else if (free) {
      setfreeName(free.target.textContent);
      if (free.target.textContent === "모든 체험") {
        setFilter(services);
      } else {
        let filtered = services.filter((service) => {
          if (free.target.textContent === "유") {
            return service.demo === true;
          } else {
            return service.demo === false;
          }
        });
        setFilter(filtered);
      }
    }
  };

내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

• 필터링 기능 완벽 구현하기
• 상세보기페이지 가격버튼 default값으로 주기!