코드 컨벤션 코드 리뷰

1. location.search 통일

구조 분해 할당을 통해 할 것인지, 객체로 접근할 것인지 정해야 할 것 같습니다

const {search} = useLocation()

const location = useLocation()
location.search

Loading 컴포넌트 코드 리뷰

사용되지는 않았지만 로딩 시에 사용할 컴포넌트 같아 사용해봤습니다.

marquee 태그는 이제 사용하지 않는 태그입니다.

이모지는 시청각이 불편한 사람들을 위해 role과 aria-labelledby를 이용해 추가 정보를 줘야 합니다.

( 잘못된 사용 )
function Loading() {
  return <marquee>📚</marquee>
}

( 옳은 사용 )
function Loading() {
  return (
    <span role="img" aria-labelledby="books">
      📚
    </span>
  )
}

CSS 코드 리뷰

사실 처음 보는 CSS 작성법입니다. 검색해보니 tailwind css였고 div태그를 많이 사용했지만 직관적이고 반응형을 구현하기 쉽다는 생각이 들었습니다.

UI 코드

main 페이지로 갈 수 있는 링크 버튼이 있으면 좋을 것 같습니다. 도서관 페이지와 같이 검색 결과 없이 검색창만 나타난 페이지로 이동할 수 있어야 할 것 같습니다.

폴더 구조 코드 리뷰

리덕스 관련 폴더와 일부 파일들을 제외하면 한눈에 보기 쉬운 구조로 되어 있는 것 같습니다. 특히 관련 컴포넌트들을 하나의 폴더에 모아 관리를 하면서 더 쉽게 구조를 파악할 수 있었습니다.