🦝 2022-08-10 (수)
오늘 한 것
- 대시보드 header에 card 컴포넌트들 collapse 효과 여부의 전역 상태를 관리하는 버튼 구현
- 차트 컴포넌트 필터 목록 역순으로 수정
- Bootstrap card css를 미리 만들어두었지만... 부장님과 상의 끝에 다른 쪽으로 방향을 바꾸는 것이 낫겠다 싶어 수정 또 수정..!
- 바 레이스 차트 필터 버튼 클릭시 드롭다운 안되는 에러 해결 -> Card 레이아웃 컴포넌트가 차트 컴포넌트 내에 포함되는 구조였고 차트 필터 변경시 컴포넌트가 리렌더링 되면서 Card 컴포넌트도 리렌더링되어 bootstrap으로 제작된 버튼 기능 오류 발생 -> 아예 대시보드 페이지에서 레이아웃 컴포넌트 + 차트 컴포넌트 이런 식으로 사용하는 것이 나은지 고민이다...
오늘 배운 것
리액트 라이브러리 사용시 label 태그에서 for -> htmlFor 속성 사용
Type '{ children: string; className: string; for: string; }' is not assignable to type 'DetailedHTMLProps<LabelHTMLAttributes, HTMLLabelElement>’
- class -> className인것처럼 label에서는 for ->
htmlFor사용해야 한다.
useQuery에서 받은 데이터 관련 옵션
{
select: data => data.reverse()
}select: data 받아와서 reverse()하고 싶은 경우 옵션 설정
