페이지네이션 구현

• 버튼 포커스로 처리해도 되지만 그것보다 페이지일 때 현재 페이지가 있으면 현재 페이지랑 이 페이지 인덱스가 같을 때 포커스가 돼야한다. 버튼에 클래스를 주고, 인덱스를 비교해서 조건부를 담아주면 된다. isActive = page === currentPage
• 상태를 선언 할 때 어디에 넣어야 할지 고민해야 한다. 해당 페이지에서 사용하지 않으면 하위 컴포넌트에 종속시켜도 된다.
• fix: sliceArrayByLimit 수정 / disabled 조건부
• 알고리즘 공부해라…

테일윈드 반응형

• config에 안 넣고 컴포넌트에 작성합니다.
• 반응형이 공통되는 게 사실 많이 없다.
• 예시: md:flex-col md: md: md: sm: sm: sm:
• 컴포넌트를 잘 분리해놓으면 반응형도 명확하게 쓸 수 있습니다.
• 레이아웃 잘 분리해서 반응형처리 / 내부 요소들도 width 반응형처리

Table

• useFetch를 만들면 좋다. 만들어진 것으로 바로 호출해서 사용 할 수 있다.

코드 리뷰

• test 코드는 pr 할 때 리뷰하지 말라고 적어줘야한다.
• 컴포넌트 설계를 잘해야 한다. 데이터 없이 layout만 만들거나 하나의 컴포넌트에서 사장님인지 일반회원인지 구분해 처리할 것인지 결정해야한다.
• 컴포넌트는 컴포넌트 안에 선언해야한다.

Button

• 버튼 사용할 때 content로 처리하면 아이콘과 텍스트가 같이 있는 버튼은 처리하기 어렵다. children으로 넣는 게 좋다.
• 버튼 사이즈: useMediaQuery 또는 react-responsive 사용 추천