목록CLSX (1)

connecting dots

Beginner 15회차 (8/21) | todo 리스트에 필터 기능 추가 실습, clsx 라이브러리로 버튼에 여러 스타일을 동시에 적용해보기, subscribeWithSelector 미들웨어 사용, if와 switch 조건문, 불변성과 가변성, React-Query 소개

todo 리스트에 필터 기능 추가 실습전체 원본 todo 리스트는 가지고 있고, 필터링을 할 때 완료 전/완료 후 배열을 다시 만들어서 띄워줘야 됨 버튼을 누르면 value 바뀌도록 액션 설정  버튼을 누르면 각 버튼에 따라 active가 붙는 화면 clsx 라이브러리클래스를 여러 개 적용하고 싶을 때 !npm i clsx 기존 코드 setFilterStatus(filter.value)}> {filter.text} clsx 적용 코드.btn { border: none; padding: 10px;}.active { background-color: royalblue; color: white;} subscribeWithSelector 미들웨어 사용subscribeWithSelector는 zustand..
Live Class/Beginner 2024. 8. 23. 10:59
이전 Prev 1 Next 다음