20231123 TIL 팀프로젝트 3일차

목표

• Home 기능 구현

새로 알게 된것/ 오늘의 코드

  const tagFiltered = news.filter((n) => {
    if (tag == "#전체") {
      return news;
    } else {
      const filter = n.tag_name_list.filter((item) => tag.includes(item));
      return tag.includes(...filter);
    }
  });

데이터 베이스 사용이 서툴러서 최대한 줄이고 싶은 마음이다.  그래서 이미 끌어온 news feed데이터 베이스만 가지고  굴리고 싶다고 생각했다. 

 

그래서 컴포넌트를 조금 합쳤다. 

 

이렇게 합쳤는데 생각해보니  NewsList에서 props로 내려주면 될 것 같기도 하다. 

서치기능에도 필요할 것 같으니.. 

 

props를 내려주긴 하지만 drilling은 아니니 괜찮지 않을까..? 

내일 컴포넌트 합친 것을 다시 복구하고  cardList에서 props로 뿌려줘야겠다. 

tag 별 분류 시현 

tag 여러개여도 각 tag에서 조회가 다 가능하도록 구현을 성공했다 

 

 

 

목표 달성여부

• Home 기능 구현

내일 목표

• 검색기능 구현
• 나머지 CRUD 중에 안된 것 있으면 하기.