Today I Learned

Parkboss·2023년 3월 18일
0

내일배움캠프

목록 보기
105/120

오늘 한일✅

  • 카테고리 매개변수를 빼고 리팩토링을 하였는데 뒤로 가기를 누르면 state의 기본값인 반려동물 페이지로만 가지는 현상이 있어 다시 매개변수로 라우터 설정해 줬을 때로 다시 리팩토링을 다시 하였다^^;;

문제점✅

  • 예를 들어 음악 카테고리를 누르고 상세 페이지로 이동한 뒤 뒤로 가기를 누르면 자꾸 반려동물 카테고리로만 가지는 현상이 있었다
  • state에 filterDate.name을 설정하고 useLocation()을 객체에 state값을 받아오는 부분에서 자꾸 반려동물 카테고리로만 이동하는 문제가 있었다.

해결✅

  • 다시 전의 매개변수로 라우터를 설정할때로 다시 리팩토링을 하였다. 다행히 캡쳐본이 있었고 커밋 기록이 있어 금방 되돌렸다.
  1. 글을 작성할때 전체 카테고리가 없다.
  2. 하지만 카테고리 필터링에서 전체 카테고리가 있다.
  3. Category 컴포넌트에서는 드롭다운카테고리에서 전체를 클릭 했을때는 db에 올라간 전체 게시물을 불러와야되기 때문에 조건을 아래처럼 간단하게 수정하였다.
    팀원분이 도와주셨는데 너무 신박하다 증말:)
// Category.tsx
  const isAll = category === '전체';

    const c = collection(dbService, 'Post');
    const w = where('Category_Posting', '==', category);
    const o = orderBy('createdAt', 'desc');
    const q = isAll ? query(c, o) : query(c, w, o);



 const q = query(
      collection(dbService, 'Post'),
      where('Category_Posting', '==', category),
      orderBy('createdAt', 'desc')
    );

알게 된점✅

  • 라우터에서 매개변수를 다시 설정해 줘서 뒤로 가기 버튼을 누르면 해당 페이지로 넘어가게끔 해줘야 된다는 것을 알게 되어 state와 매개변수 설정에 차이점을 알게 되었다.
profile
ur gonna figure it out. just like always have.

0개의 댓글